Question

我想从数组列表中获取所有选定的选项或值。我正在获取列表并将其显示在复选框列表中，我正在选择并取消选中复选框。所以当我提交时，我只想要选中复选框值。这是html页面的代码：

     <ion-item *ngFor="let job of jobs; let i= index"   >
          <ion-label >{{job.Des_Name}}</ion-label>
          <ion-checkbox ></ion-checkbox>
        </ion-item>

点击时我只想选中复选框列表或位置假设我选择了1,2,5位置，我只想列出

Answer 1

在.ts文件中：

jobs = [
{
  Des_Name: 'name1',
},
{
  Des_Name: 'name2',
},
{
  Des_Name: 'name3',
},
{
  Des_Name: 'name4',
},
];

do_sth(index) {
   console.log(index);
   //you can find the selected job
}

并在你.html档案中：

<ion-item *ngFor="let job of jobs; let i= index">
    <ion-label>{{job.Des_Name}}</ion-label>
    <ion-checkbox (ionChange)="do_sth(i)"></ion-checkbox>
</ion-item>

离子从提交按钮上的html中仅选择复选框值

1 个答案: