如果選擇的選項等於某些東西，則禁用按鈕

Question

我有一張代表用戶的表。我希望允許管理員通過點擊具有新用戶角色的組合框旁邊的按鈕來更改用戶角色。

我試圖用manys的方式，但在我的html代碼中缺少某些東西，要連接一個選擇組合框的值的按鈕。 你能幫我嗎？瞭解如何完全綁定工作，我有一個小問題。

this.keys = Object.keys(this.roles).filter(Number)

<tr *ngFor="let oper of operaotrs"> 
      <td> {{oper.id }}</td> 
      <td> {{oper.login }} </td> 
      <td> {{oper.role}} </td> 
      <td> <div> 
      <md-select placeholder="New Role"> 
       <md-option *ngFor="let key of keys" [value]="key"> {{roles[key]}}</md-option> 
      </md-select> 
      <button md-raised-button [disabled]= "isDisabled(SOMETHING)" > PROCEED </button> 
      </div> 
      </td> 
      <td> <button> DELETE </button> </td> 
     </tr> 

Answer 1

你忘了把[(ngModel)]在MD-選擇。

一旦你做到了，用[disabled]="yourNgModel === 'the value you want'"

編輯你必須要根據您的ngFor你ngModel像這樣

<tr *ngFor="let oper of operaotrs; let i = index"> 
      <td> {{oper.id }}</td> 
      <td> {{oper.login }} </td> 
      <td> {{oper.role}} </td> 
      <td> <div> 
      <md-select placeholder="New Role" [(ngModel)]="operators[i].yourPropertyYouWantToBind"> 
       <md-option *ngFor="let key of keys" [value]="key"> {{roles[key]}}</md-option> 
      </md-select> 
      <button md-raised-button [disabled]= "isDisabled(SOMETHING)" > PROCEED </button> 
      </div> 
      </td> 
      <td> <button> DELETE </button> </td> 
     </tr>