Angular 角度5禁用formControlName的最佳方法

组件TS

checkStatus(){
    return this.editProspectMode;
}
return this.fb.group({
    prospect_pref_name: [{value: 'Nancy', disabled: this.checkStatus()}],
});

 this.form = this.fb.group({
      fulName: [null, Validators.compose([Validators.required])],
      userLogin: new FormControl({value: '', disabled: false}, Validators.required),
    });

组件HTML

<input id="prospect_pref_name" type="text" formControlName="prospect_pref_name" [readonly]="!editProspectMode">

当表单处于查看模式时，我希望将所有表单字段设置为只读。请在“发件人”中添加

。 乙二醇

//您的输入字段在这里

这是工作小提琴

希望这有帮助

将

添加到源文件中。 乙二醇

//您的输入字段在这里

这是工作小提琴

---

希望这有帮助

您可以在TS中禁用类似于此的字段

checkStatus(){
    return this.editProspectMode;
}
return this.fb.group({
    prospect_pref_name: [{value: 'Nancy', disabled: this.checkStatus()}],
});

 this.form = this.fb.group({
      fulName: [null, Validators.compose([Validators.required])],
      userLogin: new FormControl({value: '', disabled: false}, Validators.required),
    });

如果你想改变它的属性，比如enable，你可以这样做

 this.form.controls.userLogin.enable();

编辑

如果要禁用整个表单，可以使用

this.formGroup.disable();

---

您可以在TS中禁用类似这样的字段

checkStatus(){
    return this.editProspectMode;
}
return this.fb.group({
    prospect_pref_name: [{value: 'Nancy', disabled: this.checkStatus()}],
});

 this.form = this.fb.group({
      fulName: [null, Validators.compose([Validators.required])],
      userLogin: new FormControl({value: '', disabled: false}, Validators.required),
    });

如果你想改变它的属性，比如enable，你可以这样做

 this.form.controls.userLogin.enable();

编辑

如果要禁用整个表单，可以使用

this.formGroup.disable();

---

我们可以在表格级别这样做吗？是的，当然可以。签出文档

this.formGroup.disable（）我们可以在表单级别执行此操作吗？是的，当然可以。签出文档
this.formGroup.disable（）