如何获得离子中离子复选框的值?

时间:2017-07-07 14:28:57

标签: html css checkbox ionic-framework

我有4个复选框。我如何获得被检查的值?我应该在我的打字稿文件夹中输入什么内容?我试图获取值,以便我可以将其保存到firebase中。这是我的.html代码。

<ion-content padding>
<ion-list>
<ion-item>
  <ion-label>Bedrooms</ion-label>
  <ion-checkbox [(ngModel)]="bedrooms" (ionChange)="updateBedrooms()"></ion-checkbox>
</ion-item>
<ion-item>
  <ion-label>Toilet</ion-label>
  <ion-checkbox [(ngModel)]="toilets" (ionChange)="updateToilets()">
</ion-checkbox>
</ion-item>
<ion-item>
  <ion-label>Living Room</ion-label>
  <ion-checkbox [(ngModel)]="livingroom" (ionChange)="updateLivingRoom()"></ion-checkbox>
</ion-item>
<ion-item>
  <ion-label>Kitchen</ion-label>
  <ion-checkbox [(ngModel)]="kitchen" (ionChange)="updateKitchen()">
</ion-checkbox>
</ion-item>
</ion-list>

<button (click)="onLoadTasks()" ion-button block>Choose Tasks<ion-
 icon name="arrow-dropright"></ion-icon></button>

1 个答案:

答案 0 :(得分:0)

尝试4个

kitchen: boolean;

updateKitchen() {
  console.log('new state:' + this.kitchen);
}