当Angular 5中的值为“否”时如何禁用按钮？答案

【问题标题】：How to disable button when value is 'No' in Angular 5?当Angular 5中的值为“否”时如何禁用按钮？
【发布时间】：2019-03-01 22:36:15
【问题描述】：

下面是我的代码，它获取序列号为'Yes' 或'No'，当值为'No' 时，我想disable 按钮

{
  headerName: this.translate.instant("sutk.inventory.grid.partNumberView.isSerialized"),
  field: "isSerialized",
  cellRendererFramework: LinkRendererComponent,
  cellRendererFrameworkParams: {
    onClick: (data: any) => {
      this.fetchSerialNumbers(data.itemLocation.inventoryId, 'Inventory');
    }
  }
}

这是我的单元格渲染：

agInit(params: any): void {
  this.params = params;
  if (this.params.colDef.cellRendererFrameworkParams && this.params.colDef.cellRendererFrameworkParams.onClick) {
    this.parentOnClick = this.params.colDef.cellRendererFrameworkParams.onClick;
  }
  this.text = eval("params.data." + params.colDef.field);
}

【问题讨论】：

你不能只使用[disabled]="yourValue === 'No'" on the button in your template? (adapt yourValue`和你想要的变量）

标签： angular angular5 cell tablecellrenderer

【解决方案1】：

您发布的代码与您的问题不符。

要根据变量值禁用按钮，您的模板应如下所示：

<button [disabled]="!isEnabled">Custom Button</button>

【讨论】：