Question

我的复选框：

<input id="{{k.group_name}}_{{i}}" name="{{k.group_name}}" type="checkbox" class="hide" name="{{k.group_name}}" [value]="m.details" (change)="change($event, m , k.item_ingredient_group_key,false,k.maximum)">

我的电台：

<input id="{{k.group_name}}_{{i}}" type="radio" class="hide" name="{{k.group_name}}" [value]="m.details" (change)="change($event, m , k.item_ingredient_group_key,true,k.maximum)">

在我的json服务中，我根据json值得到is_selected = true或is_selected = false。

is_selected value也需要改变。

我使用复选框将其与[(ngModel)]="is_selected"绑定，但它适用于复选框，但是当我更改复选框时，[(ngModel)]="is_selected"正在更改为例外但是单选按钮。

真值和假值没有像复选框复选框那样改变

Answer 1

首先关闭输入标签：

//before
    <input id="{{k.group_name}}_{{i}}" name="{{k.group_name}}" type="checkbox" class="hide" name="{{k.group_name}}" [value]="m.details" (change)="change($event, m , k.item_ingredient_group_key,false,k.maximum)">

//after
<input id="{{k.group_name}}_{{i}}" name="{{k.group_name}}" type="checkbox" class="hide" name="{{k.group_name}}" [value]="m.details" (change)="change($event, m , k.item_ingredient_group_key,false,k.maximum)" />

其次，您必须在复选框输入中命名标记：

//Two Name tags, what for?
    <input id="{{k.group_name}}_{{i}}" name="{{k.group_name}}" name="{{k.group_name}} "type="checkbox" class="hide" [value]="m.details" (change)="change($event, m , k.item_ingredient_group_key,false,k.maximum)">

第三：

尝试使用选中的单选按钮：

   <input id="{{k.group_name}}_{{i}}" type="radio" class="hide" name="{{k.group_name}}" [value]="m.details" [checked]="change($event, m , k.item_ingredient_group_key,true,k.maximum)" />

如何更改* ngFor中角度2中的复选框的单选按钮值

1 个答案: