Angular 2 中条件必需的验证器指令

我需要根据其他字段的值将某些表单字段设置为必需或不必需。内置的必需的验证器 https://angular.io/docs/ts/latest/api/common/RequiredValidator-directive.html指令似乎不支持这一点，所以我创建了自己的指令：

@Directive({
  selector: '[myRequired][ngControl]',
  providers: [new Provider(NG_VALIDATORS, { useExisting: forwardRef(() => MyRequiredValidator), multi: true })]
})
class MyRequiredValidator {
  @Input('myRequired') required: boolean;

  validate(control: AbstractControl): { [key: string]: any } {
    return this.required && !control.value
      ? { myRequired: true }
      : null;
  }
}

使用示例：

<form>
  <p><label><input type="checkbox" [(ngModel)]="isNameRequired"> Is Name Required?</label></p>
  <p><label>Name: <input type="text" [myRequired]="isNameRequired" #nameControl="ngForm" ngControl="name" [(ngModel)]="name"></label></p>
  <p *ngIf="nameControl.control?.hasError('myRequired')">This field is required.</p>
</form>

如果用户首先切换复选框，然后在文本框中键入或删除文本，则效果很好。但是，如果用户在文本框为空时切换复选框，则验证消息不会正确更新。

我该如何修改MyRequiredValidator触发验证时required属性改变了？

注意：我正在寻找一种仅涉及更改的解决方案MyRequiredValidator。我想避免向应用程序组件添加任何逻辑。

笨蛋：https://plnkr.co/edit/ExBdzh6nVHrcm51rQ5Fi?p=preview https://plnkr.co/edit/ExBdzh6nVHrcm51rQ5Fi?p=preview

我会使用类似的东西：

@Directive({
  selector: '[myRequired][ngControl]',
  providers: [new Provider(NG_VALIDATORS, { useExisting: forwardRef(() => MyRequiredValidator), multi: true })]
})
class MyRequiredValidator {
  @Input('myRequired') required: boolean;

  ngOnChanges() {
    // Called when required is updated
    if (this.control) {
      this.control.updateValueAndValidity();
    }
  }

  validate(control: AbstractControl): { [key: string]: any } {
    this.control = control;
    return this.required && !control.value
      ? { myRequired: true }
      : null;
  }
}

看看这个笨蛋：https://plnkr.co/edit/14jDdUj1rdzAaLEBaB9G?p=preview https://plnkr.co/edit/14jDdUj1rdzAaLEBaB9G?p=preview.