Angular2：禁用表单构建器的元素

Posted 2023-03-13

【中文标题】Angular2：禁用表单构建器的元素

【英文标题】：Angular2: Disable a formbuilder's element

【发布时间】：2017-04-09 02:40:07

【问题描述】：

我试图在声明之后禁用我的表单构建器的一个元素，因为一旦我的视图被加载，我必须验证一些东西，所以这是我的表单构建器声明。

ionViewDidLoad() 
  this.purchaseDataForm = this.formBuilder.group(
    kms: ['', Validators.required],
    lts: ['', Validators.required],
    price: ['', Validators.required],
    total: ['', Validators.required]
  );

我不知道该怎么做，因为我想在完成本地验证后禁用 total 元素。我希望你能帮助我。

谢谢！

【参考方案1】：

this.purchaseDataForm.get('price').disable() // .enable()

另见https://angular.io/docs/ts/latest/api/forms/index/AbstractControl-class.html#!#disable-anchor