如何在ion-checkbox中获取默认选中的值

时间:2016-11-30 04:38:50

标签: angular ionic2

我有一个复选框列表,我能够获取所选值,但问题是我关闭并再次打开模型我需要选中复选框以前选择的值到目前为止我能够将它打印在复选框列表的标签附近。有人可以建议我怎么做吗?

 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>

1 个答案:

答案 0 :(得分:1)

再向ion-checkbox添加一个属性,即

  [checked]="displayValue" 

如果'displayValue'是真实的,它会将复选框设置为选中。

在你的情况下,'displayValue'将是一个包含true或false值的数组 对于每个迭代的复选框。

请尝试一次并分享您的查询或反馈