Dropdown включение и отключение

Question

Мой код:

<mat-select 
[formControl]="Rooms" [(ngModel)]="dropdown"placeholder="ChooseRooms"multiple>
<mat-option *ngFor="let room of RoomList" [value]="room">
   {{room}}
</mat option>
</mat-select>

<mat-select 
[formControl]="devices" [disabled] = "!dropdown"placeholder="ChooseDevices"multiple>
<mat-option [value]="device" disabled>
   {{device}}
</mat-option>
</mat-select>

Проблема:

В приведенном выше коде у меня есть два раскрывающихся списка "Комнаты" и "Устройства" «в которых параметры представлены в виде флажков.

Из приведенного выше кода я могу включить второе раскрывающееся« устройства »всякий раз, когда я отмечаю какой-либо флажок в первом раскрывающемся списке, но я не могу отключить второе раскрывающееся меню «устройства» всякий раз, когда я снимал флажок.

Answer 1

Здесь необходимо изменить условие для свойства disabled, например - [disabled] = "! Dropdown.length"

<mat-select [(ngModel)]="dropdown" placeholder="ChooseRooms" multiple>
   <mat-option *ngFor="let room of Rooms" [value]="room">
   {{room}}
   </mat-option>
</mat-select>

<mat-select  [disabled]="!dropdown.length" placeholder="ChooseDevices" multiple>
   <mat-option [value]="devices">
   {{devices}}
   </mat-option>
</mat-select>