为什么选项选择反应形式角度不起作用？答案

【问题标题】：why option select reactive form angular not working?为什么选项选择反应形式角度不起作用？
【发布时间】：2018-10-15 21:06:36
【问题描述】：

我正在使用 Angular 5 构建反应式表单，我正在尝试使用列表中的选项添加选择，但该列表不存在于 html 页面中。我看到了一些类似的问题并尝试了建议的答案，但没有成功，我做错了什么？

ts：

firstQuestionnaire: FormGroup;
yearsCurrentHome: string [] = ['1','2','3','4','5+'];
default: string = '1';

 constructor(private formBuilder: FormBuilder) { 
    this.firstQuestionnaire=this.createFormGroup();
    this.firstQuestionnaire.controls['yearsInCurrentHome'].setValue(this.default, {onlySelf: true});
  }
createFormGroup() {
    return new FormGroup({
      yearsInCurrentHome: new FormControl(null)
 });
  }

HTML：

<div class="question">
      <label>YEARS: </label>
      <select formControlName="yearsInCurrentHome">
        <option *ngFor="let year of yearsCurrentHome" [ngValue]="year"> {{year}}
        </option>
      </select>
    </div>

谢谢

【问题讨论】：

标签： angular typescript angular-reactive-forms

【解决方案1】：

您的实施可能存在多个问题。您可能需要执行以下操作：

如果尚未添加，请将 ReactiveFormsModule 添加到您的 @NgModule 的 imports 数组中。
如果尚未完成，请指定带有[formGroup] 的form 标签。
检查控制台上的错误。
尝试将您的实现与this Sample StackBlitz ref 中的实现进行比较。

【讨论】：

【解决方案2】：

您需要在 html 中包含 form 标签，如下所示：

 <form [formGroup]="firstQuestionnaire">
        <select formControlName="yearsInCurrentHome">
            <option *ngFor="let year of yearsCurrentHome" [ngValue]="year"> {{year}}
            </option>
          </select>
    </form>

【讨论】：