Angular2 [ausgewählt] Problem mit Chrome

Question

MyValues ​​

{ 
    "level": [ 
     { 
      "name": "Zero Level", 
      "value": 0 
     }, 
     { 
      "name": "First Level", 
      "value": 1 
     } 
    ] 
} 

Select Box

<select [(ngModel)]="form.cache.level" name="level" required> 
    <option 
     *ngFor="let levelof myValues.level" 
     [selected] ="level.value === 0" 
     [value]="level.value"> 
     {{ level.name }} 
    </option> 
</select> 

trotz der Tatsache, dass die level.value === 0 wahr ist, es gewann‘ t in Chrome ausgewählt werden. (Firefox und IE Arbeit)

Als Abhilfe, die ich initialisieren:

form.cache.level = 0 

Aber ich möchte, wissen, warum es nicht mit Chrome arbeiten? (Hier ist ein playground für die weitere Analyse)

Answer 1

Mit ngModel überschreibt das Verhalten des selected Attribut, also, wenn Sie das Modell wählen Sie immer den gebundenen Wert sollte anstatt zu versuchen, um die Auswahl zu ändern mit der Option Attribute.

Es funktioniert wahrscheinlich versehentlich in Firefox/IE.