ionic3 angular4:如何仅使复选框可单击而不是整行?

时间:2018-12-06 07:35:37

标签: javascript ionic3 angular4-forms

这里是上下文:

我有一个行列表。 在该行中,我只想单击复选框,但无法执行此操作。 我也有一个行数组,其中包含三个值名称(如数字),值(如字符串)和检查值(如true)。

我的HTML代码在这里:

    <ion-item *ngFor="let row of rows;let idx:index">
      <ion-label>
        <ion-checkbox [name]="row.name" type="checkbox" [(ngModel)]="row.checked"></ion-checkbox>
    </ion-label>
        <ion-input type="text" [name]="row.name" [(ngModel)]="row.value"></ion-input>
    </ion-item>

在我的.ts文件中,我这样写:

this.rows.push({ name: 1, value: '',checked:true });

基本上,我要尝试的是单击复选框时,我只是选择该特定复选框而不是整个行。

0 个答案:

没有答案