獲取選中的值Ionic 3

Question

我想要點擊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> 

和JavaScript：

do_sth() { 
        console.log(this.checkedItems); 

        } 

Answer 1

在這裏，我寫了讓所有選中的值，這將幫助你從複選框列表中的所有選中的值，你不離子碼噸需要在離子複選框添加更改事件，在您的項目陣列添加更多的特性爲器isChecked赤或取消，在這裏檢查例如
我已經添加按鈕來獲得價值

<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); 
} 

結果this.checkedItems