2017-04-19 15 views
0

私はangular2を新しくしました。チェックボックスをクリックしたときにのみ選択オプションを有効にする必要があります。チェックボックスをオンにしたときに選択オプションを有効にします。

フォーム:

<tr *ngFor="let user of users"> 
    <td>{{ user.id }}</td> 
    <td><input type="checkbox" name="switch" (click)="toggleSwitch(user.id, $event)"></td> 
    <td> 
     <select id="intensity" (change)="toggleOption(user.id, $event)" [disabled]="butDisabled"> 
      <option *ngFor="let int of intensity" [value]="int" >{{int}}</option> 
     </select> 
    </td> 
</tr> 

コンポーネント:私は、私は無効にするための適切なコードを見つけることができませんよ、角度2に新しいです言われたよう

export class UsersComponent { 
    butDisabled: boolean = true; 
} 

/チェックボックスに基づいて選択オプションを有効にします。

答えて

0

チェックボックスで[(ngModel)] = "user.check"を使用し、selectで[disabled] = "!user.check"を使用して問題を解決しました。

これは、他のユーザーによって答えましたが、不幸な答えは、ユーザーが

<tr *ngFor="let user of users"> 
    <td>{{ user.id }}</td> 
     <td><input type="checkbox" name="switch" [(ngModel)]="user.check" 
       (click)="toggleSwitch(user.id, $event)"> 
     </td> 
     <td> 
     <select id="intensity" (change)="toggleOption(user.id, $event)" [disabled]="!user.check"> 
      <option *ngFor="let int of intensity" [value]="int" >{{int}}</option> 
     </select> 
     </td> 
</tr> 
を削除されています
関連する問題