如果可见,如何将Validator设置为必需？

Question

我想知道如何将以下形式的Validator设置为Required,仅当表单元素存在时:

<div *ngIf="form.controls.user.value !== 'Admin' && form.controls.user.value ">
        <label>Role:</label>
        <input type="text" ngControl="role">
</div>

我的表格是:

       this.form = this._formBuilder.group({
        user: ['',Validators.required],
        role: ['', Validators.required]
    });

Answer 1

在您的情况下,您将创建一个全局验证器.像这样的东西:

this.form = this._formBuilder.group({
  user: ['', Validators.required],
  role: ['']
}, { validator: (group) => {
  if (group.controls.user.value !== 'Admin') {
    return Validators.required((group.controls.role);
  }
  return null;
}});

在这种情况下,表单在以下情况下有效(this.form.valid === true):

• 用户不为空,不同Admin且角色不为空
• 用户是 Admin

请参阅此plunkr:https://plnkr.co/edit/UKyRiq ？ p = preview .

有关详细信息,请参阅此问题:

• Angular2中的交叉字段验证

Answer 2

您可以使用disable()和enable()功能.禁用表单控件时,不会对该控件应用验证.

this.form.controls.user.disable();
this.form.controls.role.disable();