angular - 复选框在 Angular 4 中无法正确加载

Question

我是 Angular 4 的新手，我正在通过 angular.io 的文档学习。

当我尝试向动态表单添加复选框时，表单未加载。

这是我的代码的链接 - Link

我添加了 2 个复选框组和 1 个单选按钮组，但只有第一个复选框组正在加载，其余元素未加载。

Answer 1

您必须将 [formControlName]="question.key"设置为输入标签而不是 div 元素。 您可以在 Chrome WebDeveloperTools 中看到错误:没有名称为“flightRules”的表单控件的值访问器。

<div [id]="question.key" *ngSwitchCase="'checkbox'" >
  <span *ngFor="let opt of question.options">
    <label>
      <input [type]="question.controlType" [value]="opt.value" [formControlName]="question.key">
      {{opt.value}}
    </label>
  </span>
</div>

<div [id]="question.key" *ngSwitchCase="'radio'">
  <span *ngFor="let opt of question.options">
    <label>
      <input [type]="question.controlType" [value]="opt.value" [formControlName]="question.key">
      {{opt.value}}
    </label>
  </span>
</div>

查看 fork 链接:Link