Angular2启用/禁用http响应上的formcontrol不起作用

时间:2016-10-17 07:44:19

标签: angular angular2-forms

我有formcontrol,当我提供[disable] =" xyz"其中xyz在来自http响应的组件分配中是可变的,angular2给出以下警告。

您似乎正在使用带有响应式表单指令的disabled属性。如果将disabled设置为true       当您在组件类中设置此控件时,实际上将在DOM中设置disabled属性       您。我们建议使用这种方法,以避免在检查后更改'错误。

  Example: 
  form = new FormGroup({
    first: new FormControl({value: 'Nancy', disabled: true}, Validators.required),
    last: new FormControl('Drew', Validators.required)
  });

所以我尝试禁用使用以下但不能正常工作

this.form = this.fb.group({'type': [{ value: '', disabled: this.xyz },[Validators.required]]});

1 个答案:

答案 0 :(得分:11)

您可以这样做:

yourHttpFunction(){
 if(controlShouldBeDisabled){
  this.form.controls['first'].disable()
 }

}