Ionic 我在Ngfor中使用Ngfor从对象数组中创建多个复选框，但只有一个复选框从所有复选框中被选中

wfypjpf4 于 2022-12-09 发布在 Ionic

关注(0)|答案(1)|浏览(137)

我正在使用离子Angular 和创建复选框从动态数据的行和列，只有一个复选框是从所有被选中。
我希望每行只选中一个复选框，并对所有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>

ionic-framework

来源：https://stackoverflow.com/questions/72644422/im-using-ngfor-inside-ngfor-for-creating-multile-checkbox-from-object-array-on

1条答案

按热度按时间

hgncfbus1#

您必须为必须在一个组中的输入给予相同的名称。
所以

<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"

假定每个变体中都存在该名称

赞(0）回复(0）举报 2022-12-09

我来回答

Ionic 我在Ngfor中使用Ngfor从对象数组中创建多个复选框，但只有一个复选框从所有复选框中被选中

1条答案

相关问题

热门标签

最新问答