我正在使用離子角度并從行和列中的動態資料創建復選框,只有一個復選框被選中。
我想從每一行中只選擇一個復選框,并對所有 NgModel 的所有值進行總計
我的代碼片段...
<ion-row *ngFor="let eachVariation of productDetails.productVariations; let i = index">
<div *ngFor="let eachVariationOption of productDetails.productVariations[i].variationOptions">
<ion-col
size="1.5"
style="margin-bottom: 0.5em">
<input
[(ngModel)]="eachVariationOption.selectedVariation"
type="radio"
[value]="eachVariationOption"
(click)="selectVariation(eachVariation, 'yes')"
/>
</ion-col>
</div>
</ion-row>
uj5u.com熱心網友回復:
您必須為必須在一個組中在一起的輸入提供相同的名稱。
所以
<input type="radio" name='group_1'/>
<input type="radio" name='group_1'/>
<input type="radio" name='group_2'/>
<input type="radio" name='group_2'/>
將為您提供 4 個單選按鈕,這些按鈕分為 2 組,每組 2 個。
在您的情況下,您必須在內部回圈中使用外部回圈中可用的東西來命名它們,例如索引或 eachVariation 物件中的欄位。
<input type="radio" [name]=""eachVariation.name"
假設名稱存在于每個變體中。
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/495184.html
