Javascript 获取检查值3

我想单击ionic3中的checkboox列表，获取所有选中值。 代码如下：

<ion-content padding>
<ion-list>
  <ion-item *ngFor="let item of items; let i= index">
    <ion-label>{{item.name}}</ion-label>
    <ion-checkbox [(ngModel)]="checkedItems[i]"   (ionChange)="do_sth()"></ion-checkbox>
</ion-item>
</ion-list>
</ion-content>

---

在这里，我为get all checked value编写了离子代码，这将帮助您从复选框列表中获取所有选中值，您不需要在离子复选框中添加更改事件，在您的项目数组中添加一个或多个属性，检查是否选中，这里的检查示例
我添加了按钮以获取价值

<ion-content padding>
<ion-list>
 <ion-item *ngFor="let item of items; let i= index">
   <ion-label>{{item.name}}</ion-label>
   <ion-checkbox [(ngModel)]="item.isChecked"></ion-checkbox>
 </ion-item>
</ion-list>
  <button (click)="getCheckedvalue()">getCheck Value</button>
</ion-content>

//javascript code
items: any;
checkedItems:any;
 constructor(public navCtrl: NavController) {
  this.items = [
   { name: 'item1', isChecked: true },
   { name: 'item2', isChecked: false },
   { name: 'item3', isChecked: false }
 ];
}
getCheckedvalue () {
 this.checkedItems =  this.items.filter(value => {
   return value.isChecked;
 });
 console.log(this.checkedItems);
}

{{item.name}
获取检查值
//javascript代码
项目：任何；
checkedItems：任何；
构造函数（公共navCtrl:NavController）{
此项。项目=[
{name:'item1'，已选中：true}，
{name:'item2'，isChecked:false}，
{name:'item3'，isChecked:false}
];
}
getCheckedvalue（）{
this.checkedItems=this.items.filter（值=>{
返回值。已检查；
});
console.log（this.checkedItems）；
}

---

结果是这样的。checkedItems

你所有的项目都应该有一个选中的属性。我想我会尝试使用angular而不是ionic Cli。谢谢你，它甚至可以与ionChange标记一起工作，我想知道这个语言是否是纯javascript混合了angular和typescript？

<ion-content padding>
<ion-list>
 <ion-item *ngFor="let item of items; let i= index">
   <ion-label>{{item.name}}</ion-label>
   <ion-checkbox [(ngModel)]="item.isChecked"></ion-checkbox>
 </ion-item>
</ion-list>
  <button (click)="getCheckedvalue()">getCheck Value</button>
</ion-content>

//javascript code
items: any;
checkedItems:any;
 constructor(public navCtrl: NavController) {
  this.items = [
   { name: 'item1', isChecked: true },
   { name: 'item2', isChecked: false },
   { name: 'item3', isChecked: false }
 ];
}
getCheckedvalue () {
 this.checkedItems =  this.items.filter(value => {
   return value.isChecked;
 });
 console.log(this.checkedItems);
}