Question

在我的angular 6应用程序中，我使用的是角电抗形式，它在formarray中具有一个三态切换开关。

具有三个状态切换的HTML：

      <div class="switch-toggle switch-3 switch-candy">
        <ng-container #buttonIcon *ngFor="let option of options" >
          <input 
            type="radio" 
            formControlName="state"
            [id]="option"
            [value]="option" />
          <label 
            [attr.for]="option">
            {{option}}
          </label>
        </ng-container><a></a>
      </div>

工作中的闪电战：

https://stackblitz.com/edit/disable-group-control-value-on-another-control-value-for-kqhsvy

请点击上面链接中的add按钮以查看输入。

例如，单击添加按钮三次，因此增加了三行，此处第一行切换开关单独起作用，其余行的切换开关不起作用。即使切换是在第二行或第三行进行的，也只能在第一行进行行已更改。.

请帮助我使切换开关在每一行中都是唯一的，并分别检索每行中切换的值。

Answer 1

这是因为所有标签和输入的ID均相同。将html更改为

class-wc-countries.php

拨动开关在角电抗形式内不起作用

1 个答案: