イオンチェックボックスでデフォルトのチェック値を取得する方法

Question

チェックボックスのリストがありますが、選択した値を取得できましたが、問題は一度閉じるとモデルを再度開きます。チェックボックスを選択する必要がありますこれまでに選択した値は、チェックボックスリストのラベルの近くで印刷することができました。

getSelect(isChecked, value) { 
 
    if (isChecked === true) { 
 
     this.ValArray.push(value); 
 

 
    } else { 
 
     this.ValArray.splice(this.multiValArray.indexOf(value), 1); 
 

 
    } 
 
    }

<ion-card *ngIf="filt.fieldType === 'Select'"> 
 
    <ion-label padding-left> 
 
    {{filt.label}} {{filterCriteria.filter[filt.name]}} 
 
    </ion-label> 
 
    <ion-item *ngFor="let val of filt.value.Val | slice:0:showMore; let i=index" class="optional-filter-container"> 
 
    <ion-label>{{val.label}}</ion-label> 
 
    <ion-checkbox color="theme-primary" [(ngModel)]="checked[i]" (ngModelChange)="getSelect(checked[i], val.value); filterCriteria.filter[filt.name] = ValArray;"></ion-checkbox> 
 
    </ion-item> 
 
    <button class="showmore-button" ion-button color="theme-primary" clear text-center *ngIf="showMore < filt.value.Val.length" (click)="showMore = showMore + filt.value.Val.length"> 
 
    Show more</button> 
 
</ion-card>

Answer 1

[checked]="displayValue" 

すなわち

-チェックボックスをイオンに1つの以上の属性を追加 'displayValue' のtruthyであれば、それは外出先で確認するチェックボックスを設定します。

あなたのケースでは、 'displayValue'は、反復チェックボックスごとに真または偽の値 を含む配列になります。

この回答を1度だけお試しください。