angular2のHTML <select>要素のデフォルト値を設定します

Question

angle2のHTML要素のデフォルト値を設定するにはどうすればよいですか？ 最も簡単な方法は私の次の試みです。 これはまだ動作しません、誰かが私を助けてくれますか？

// extract from template 
<div class="form-group"> 
    <label for="status">Status: </label> 
    <select class="form-control" name="status" #status="ngModel" [(ngModel)]="statusValueToSet" required> 
    <option selected disabled>Choose here</option> 
    <option *ngFor="let status of statuses" [value]="status">{{status}} 
    </option> 
    </select> 
</div> 

// in the component class 
statuses:string[] = ["New", "Accepted", "Invalid"]; 

Answer 1

ちょうどあなたのクラス本体内statusValueToSetを初期化しますが、選択中Choose hereオプションを残す：

// extract from template 
<div class="form-group"> 
    <label for="status">Status: </label> 
    <select class="form-control" name="status" #status="ngModel" [(ngModel)]="statusValueToSet" required> 
    <option [value]="''">Choose here</option> 
    <option *ngFor="let status of statuses" [value]="status">{{status}} 
    </option> 
    </select> 
</div> 

statuses: string[] = ["New", "Accepted", "Invalid"]; 
statusValueToSet: string = "";