如何在離子複選框中獲取默認選中的值

我有一個複選框列表，我能夠獲得選定的值，但問題是一旦我關閉並再次打開模型，我需要選中複選框之前選擇的值到目前爲止我能夠打印在複選框列表的標籤旁邊。有誰能告訴我如何做到這一點？如何在離子複選框中獲取默認選中的值

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>

來源

2016-11-30 Idlliofrio

再添加一個屬性離子複選框即

[checked]="displayValue"

如果 'displayValue' 是truthy，它會設置爲檢查就走的複選框。

在你的情況下，'displayValue'將是一個包含每個迭代複選框的真或假值的數組。

請嘗試一次，分享您的查詢或反饋

來源

2016-11-30 07:33:50

如何在離子複選框中獲取默認選中的值

回答

相關問題