отключен атрибут не работает с обязательным атрибутом на выбор тега

Question

я следующая часть шаблона HTML:

<div class="row"> 
    <div class="medium-3 columns"> 
     <label>Category 
     <select [(ngModel)]="item.cat" name="cat" required> 
      <option *ngFor="let a of categories" [ngValue]="a">{{a.name}}</option> 
     </select> 
     </label> 
    </div> 

    <div class="medium-3 columns"> 
     <label>Categoria 
     <select [(ngModel)]="item.place" name="place" [disabled]="!item.cat"> 
      <option *ngFor="let c of places" [ngValue]="c">{{c.name}}</option> 
     </select> 
     </label> 
    </div> 
</div> 

Как вы можете видеть, что второй select отключен, пока пользователи не выбрать один вариант из первого выбрать. Поэтому, если пользователи выбирают параметр из первого выбора, второй выбор становится активным.

Теперь я хочу добавить атрибут required даже ко второму выбору. Но если я делаю это, то второй select всегда отключается.

Разве это не странно?

Вот Plunker (спасибо Stefan Svrkota).

Answer 1

[disabled] работает в логическом выражении, если выражение возвращает/оценивает значение true, оно будет отключено иначе. В вашем случае вы привязываете свойство disabled с числовым значением. который ничего не оценивает