javascript - 带有formControlName的Angular 2选择标签不起作用

Angular 2 select标记与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>

最佳答案

确保您正在执行所有这些操作：

import { FormBuilder, FormGroup } from '@angular/forms';

public form: FormGroup;

constructor(private fb: FormBuilder) {
    this.form = fb.group({
      pms: 'test'
    });
}

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