disabled-Attribut nicht mit der erforderlichen Attribut select-Tag arbeiten

Question

Ich habe folgende Teil HTML-Vorlage:

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

Wie Sie die zweite select deaktiviert ist zu sehen, bis die Benutzer von der ersten wählen Sie eine Option wählen. Wenn also die Benutzer eine Option aus der ersten Auswahl auswählen, wird die zweite Auswahl aktiv.

Jetzt möchte ich required Attribut sogar zur zweiten Auswahl hinzufügen. Aber wenn ich es mache, ist die zweite select immer deaktiviert.

Ist dieses Verhalten nicht seltsam?

Hier ist die Plunker (Danke an Stefan Svrkota).

Answer 1

[deaktiviert] funktioniert bei einem booleschen Ausdruck, wenn Ausdruck zurückgibt/als wahr ausgewertet wird, andernfalls wird er deaktiviert. In Ihrem Fall haben Sie die deaktivierte Eigenschaft mit einem Zahlenwert verknüpft. was bewertet nichts