Angular 2选择标记，formControlName不起作用

Question

Angular 2选择标记，formControlName不起作用。 pmsList有如下数据：[{id:1,pms:'test'},.......]但在构造函数中我设置：

this.pms.setValue({id:1,pms:"test"})

那么它并不反映html页面上的价值。

这是我的HTML代码：

<select formControlName="pms" class="form-control down-arrow">
  <option value="">Select</option>
  <option *ngFor="let item of pmsList">{{item.pms}}</option>
</select>

Answer 1

有什么不对的吗？你从qazxsw poi开始，然后在qazxsw poi中更新qazxsw poi。

它应该是这样的（你的表单组称为this.pms）：

pms

Answer 2

试试这个： 用表格的名称更改setValue

myFormGroup

Answer 3

确保你正在做所有这些：

this.myFormGroup.setValue({id:1,pms:"test"})

Answer 4

最近使用Angular 7和材料我遇到了同样的问题，我的解决方案是强制返回一个字符串到FormGroup

myForm

然后，仅仅为了测试，我已经修复了2个选项，其中包含ID 1和2

this.myForm.get('pms').patchValue({id:1,pms:"test"});