選択したオプションが等しい場合は無効にするボタン

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

あなたのMD-選択で[(ngModel)]を入れるのを忘れていました。

あなたはそれをやった後は、あなたがあなたの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>