顯示選定值：引導選擇W /角2

Question

HTML：

<select formControlName="state" class="form-control" id="state" 
    <option *ngFor="let state of stateList"> 
     {{state}} 
    </option> 
</select> 

打字稿：

this.stateList = ['AK', 'TX', 'OR'] //etc, all states 

this.myForm= new FormGroup({ 
    someField: new FormControl('', [Validators.required]), 
    state: new FormControl('AL', [Validators.required]) 
}); 

此代碼工作正常，除了下拉列表不顯示所選擇的值，在所有。值被填充，如果我輸出：

<pre>{{myForm.get('state').value}}</pre> 

或

<pre>{{myForm.value | json}}</pre> 

我找不到它的運作角度形成單個實例。人們似乎使用ngValue或ngModel或value，但這裏什麼都不做（很明顯直接綁定的作品）。

Answer 1

看來它在你的code有一點差錯：

必須設置[value]="state"

PLUNKER