コンポーネントからすべてのチェック項目を選択 - マルチ選択チェックボックス

Question

複数選択チェックボックスリストは以下のとおりです。コンポーネント（.ts）からすべてのチェック項目を選択する方法を教えてください。

.htmlを

<ion-list> 
     <ion-item *ngFor="let i of inputs"> 
      <ion-label>{{i.display}}</ion-label> 
      <ion-checkbox name="{{i.label}}" [(ngModel)]="i.checked"></ion-checkbox> 
     </ion-item> 
</ion-list> 

.TS

this.inputs=[ 
     { 
      "encode": "1", 
      "display": "en falls asleep without a caregiver in the room", 
      "label": "uiFallsAsleepUnassistedBedTime", 
      "checked": false 
     }, 
     { 
      "encode": "2", 
      "display": "During breastfeeding", 
      "label": "uiBreastFeedBedTime", 
      "checked": false 
     }, 
     { 
      "encode": "3", 
      "display": "Being rocked or held (in arms or baby sling/carrier)", 
      "label": "uiSlingBedTime", 
      "checked": false 
     }, 
     { 
      "encode": "4", 
      "display": "In motion (stroller, car, etc.)", 
      "label": "uiInMotionBedTime", 
      "checked": false 
     }, 

] 

Answer 1

OPのフィードバック：1以下が私のために働いています。

this.inputs.filter(opt => opt.checked).map(opt => opt.label); 

オリジナル回答：

私はあなたがion-checkboxにi.checked代わりのi. encodeをバインドするべきだと思います。 Array.filterを使用して、チェックされた項目を取得することができます。あなたはモデル項目の状態変数をチェックしている場合は

var inputs = [{ 
    "encode": "1", 
    "display": "en falls asleep without a caregiver in the room", 
    "label": "uiFallsAsleepUnassistedBedTime", 
    "checked": false 
    }, 
    { 
    "encode": "2", 
    "display": "During breastfeeding", 
    "label": "uiBreastFeedBedTime", 
    "checked": true 
    }, 
    { 
    "encode": "3", 
    "display": "Being rocked or held (in arms or baby sling/carrier)", 
    "label": "uiSlingBedTime", 
    "checked": false 
    }, 
    { 
    "encode": "4", 
    "display": "In motion (stroller, car, etc.)", 
    "label": "uiInMotionBedTime", 
    "checked": true 
    }, 
] 

console.log(inputs.filter(function(item){ return item.checked === true; })); 

Answer 2

は、あなたは

checked = []; 

    change(item, event) { 
    var index = this.inputs.map(i => i.encode).indexOf(item.encode); 
    if(event.target.checked) { 
     if(index === -1) { 
     this.checked.push(item); 
     } 
    } else { 
     if(index !== -1) { 
     this.checked.splice(index, 1); 
     } 
    } 

    }