Option aktivieren, wenn das Kontrollkästchen angeklickt wird

Question

Ich bin neu bei angular2. Ich muss die Option nur aktivieren, wenn auf meine Checkbox geklickt wird.

Form:

<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> 

Komponente:

export class UsersComponent { 
    butDisabled: boolean = true; 
} 

Als ich sagte, ich bin neu in Winkel 2 ich nicht in der Lage bin richtigen Code zu finden, um zu deaktivieren/zu aktivieren wählen Sie die Option auf eine Checkbox basiert.

Answer 1

Die Verwendung von [(ngModel)] = "user.check" in der Checkbox und [disabled] = "! User.check" in Select löste das Problem.

Es wird von anderen Benutzern beantwortet wurde, aber unglückliche die Antwort vom Benutzer gelöscht wurde

<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>