Angular 4中的FormArray使用动态选择选项不按预期工作

时间:2017-12-05 07:58:04

标签: angular angular4-forms

我正在尝试使用表单数组构建一个表单,该表单具有多个下拉菜单(全部被动,根据上面选择输入中选择的选项更改值)。

当我使用常规表单组时,这非常有效:

  <div class="form-group">
      <label for="act">Act</label>
      <select id="act" formControlName="act" name="act" class="form-control">
          <option *ngFor="let act of acts" [value]="act.id">{{act.act.name}}</option>
      </select>
  </div>

此处,act数组在另一个选择选项的valueChanges上更改。

但是,在FormArray中,这不起作用(出于显而易见的原因,FormArray中&#39; act&#39; select option 的所有节点都使用相同的&#39; < strong>行为&#39;数组)。

这是表单数组: Form Array

当我选择 LAW 时, ACT 的选项会发生变化:

Ex 1

但是,当我为第二个规则选择一个新值时,ACT选项会在数组的所有节点中受到影响,如下所示:

enter image description here

有没有办法为每个FormArray节点提供一个新的选项数组?

谢谢。

0 个答案:

没有答案