Question

我正在尝试在Ionic中动态生成的列表上使用复选框，以便获取其相应标签的名称，我看到了推荐这种方式的示例：

<ion-item *ngFor="let player of team.players; let i = index"  >
   <ion-label slot="start" id="{{player}}">{{player}}</ion-label>
   <ion-checkbox slot="end" [(ngModel)]="player[i]"></ion-checkbox>
</ion-item>

但是这种方式给我一个类似

的错误

错误TypeError：无法分配为只读字符串'Joe'的属性'0'

Answer 1

只需将播放器更新为字符串对象即可

  team = {players : [
    {
      name:'player 1',
      selected:false
    },
  ]}

模板

<ion-item *ngFor="let player of team.players; let i = index"  >
   <ion-label slot="start" [id]="player.name">{{player.name}}</ion-label>
   <ion-checkbox slot="end" [(ngModel)]="player.selected"></ion-checkbox>
</ion-item>
<pre>{{team.players | json}}</pre>
</ion-content>

demo ?

通过复选框获取动态生成的离子列表中所选项目的价值

1 个答案: