显示选定值：引导选择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