angular2選択オプション選択問題

Question

@Component({ 
    selector: 'filter', 
    template: "<select [(ngModel)]="filterState" (change)="selected()"> 
<option value="">All</option> 
       <option *ngFor="let s of states " [ngValue]="s">{{ s.label}}</option> 
      </select>", 
}); 

export class FilterComponent { 
    private states = [ 
     { 
     value: 'active', 
     label: 'Active', 
     }, 
     { 
     value: 'done', 
     label: 'Done', 
     }, 
     { 
     value: 'removed', 
     label: 'REMOVED', 
     } 
    ]; 

    private filterState   = ''; 
    selected() :void { 
    //this.filterState is still the initiated value 
    } 
} 

上記の場合、「すべて」オプションは表示されず、オプションを変更するときはいつでも、ngModelは更新されません。

ngValueの代わりにvalueを試して、プライベートfilterState = 0で試行しました。しかし、同じことは、私はあなたの代わりに[value]は文字列だけではなく、オブジェクトをサポートしているため、動作しませんvalueと

[value]="s"[ngValue]を混合する

[ngValue]="" 

が必要だと思うここ

Answer 1

起こります。