根据某些条件

时间:2018-01-25 11:00:12

标签: angular typescript angular-reactive-forms

我想根据某些条件动态应用Angular 4验证,我使用的是Reactive表单。这是我的情景,

我有一个单选按钮:像这样:A: yes B: no 如果用户选择"yes",则会显示一个文本框(formControlName="your_name"),用户可以在其中添加自己的姓名。 所以,我想添加动态验证,例如用户从广播中选择"yes"应该是否需要"your_name"字段,否则不是。

那么如何在此处添加动态验证:

fb.group({
    your_name':['',Validators.required]
});

1 个答案:

答案 0 :(得分:2)

你可以使用setValidators()设置验证器。一旦单选按钮被设置验证器

this.your_form_name.controls["your_control_name"].setValidators(Validators.required);