Angular2 [выбран] проблема с Chrome

Question

myValues ​​

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

Выбрать 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> 

несмотря на самом деле, что level.value === 0 верно, он выиграл» t в Chrome. (Firefox и IE работают)

Как обходного инициализирую:

form.cache.level = 0 

Но я хотел бы знать, почему он не работает с Chrome? (Вот playground для дальнейшего анализа)

Answer 1

Использования ngModel переопределения поведения атрибута selected, так что если вы выбираете модель, вы всегда должны установить связанное значение вместо того, чтобы пытаться изменить выделение атрибутов опции.

Это, вероятно, случайно работает в Firefox/IE.