[英]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.