Angular中单选按钮的奇怪行为

时间:2018-10-26 20:09:21

标签: angular forms radio-button

我有三种形式的表格,其中包含很多信息和一些单选按钮组,当用户在编辑页面上时,默认情况下不会选中1号和3号表单上的某些单选按钮,但会打印它们值使我得到一个布尔值,其值为true,并且已加载形式2。

样本图像:

这在表格1上,而在表格3上也一样。它的计算结果为true,但未进行任何检查。

这是表格2。它神奇地起作用。

这是表格1和表格3上的另一个单选按钮,似乎可以使用其他数据。

这是代码:

template.html

<ng-container *ngFor="let option of inputRule.data">
 <div *ngIf="inputRule.url != undefined">
  <label class="container">              
    must be checked if true -->{{  option[inputRule.key] == _value     }}
     <input
      type="radio"
      id="radio-{{ field }}-{{ option[inputRule.key] }}{{ formattedIndex }}"
       [value]="option[inputRule.key]"
       [formControlName]="controlName" ----> weirder as it gets, if I erase this line it will work but it won't uncheck any radio button once it's been checked
       [(ngModel)]="_value"
       [checked]= "option[inputRule.key] == _value" --> this is the condition
       (change)="change($event)"
     />
     <span class="checkmark"></span>
     </label>
    </div>
</ng-container>

如果您需要任何.ts,请告诉我。

预先感谢:)

0 个答案:

没有答案