Question

我有一个代表用户的表。我想允许管理员通过单击具有新用户角色的combobox旁边的按钮来更改用户角色。

我正在以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-select中添加[(ngModel)]。

完成后，请使用[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>

如果所选选项等于某事，则禁用按钮

1 个答案: