[英]unable to bind value to radio button
我正在尝试在项目列表中实现一个无线电组。 我无法设置根据值检查的单选按钮。 请指导我。
HTML
<div *ngFor="let item of data; let i = index">
<nb-radio-group class="p-3 d-inline-flex">
<nb-radio [checked]="item.data.v === true">open</nb-radio>
<nb-radio [checked]="item.data.v === false">close</nb-radio>
</nb-radio-group>
</div>
只有数组最后一项中的单选按钮显示单选按钮是否被选中。 其他人没有正确绑定数据。
请考虑使用 value 属性
<nb-radio-group class="p-3 d-inline-flex" [(value)]="item.data.v">
<nb-radio [value]="true">open</nb-radio>
<nb-radio [value]="false">close</nb-radio>
</nb-radio-group>
您应该使用 *ngswitch 来显示您的选项,然后根据用户是否单击来绑定数据,请使用复选框查看此示例,并且 item.data,v 应该是布尔值
enter code here
<td><input type="checkbox" [(ngModel)]="item.done" /></td>
<td [ngSwitch]="item.done">
<span *ngSwitchCase="true">
Yes
</span>
<span *ngSwitchDefault>
No
</span>
</td>
并且您还应该使用过滤器根据 true 或 false 返回数据
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.