如何使禁用的必填字段使反应形式无效

时间:2017-11-07 22:55:29

标签: javascript angular rxjs angular-reactive-forms reactive-forms

我有一个简单的反应形式:

  this.myForm = this.formBuilder.group({
        firstInput: '',
        secondInput: [{value:'', disabled: true}, Validators.required],
  });

我希望最初禁用secondInput,以便强制用户先填写firstInput。然后,当我的组件检测到提供了firtInput时,我会像这样激活secondInput

 this.myForm.controls.secondInput.enable();

但是使用上面的代码,当用户在firstInput内输入时,myForm是有效的,因为应该使第二个输入无效的规则被禁用...

我如何实现预期的行为?这是在模板中禁用secondInput,而它的验证器保持活动状态。

0 个答案:

没有答案