使用checkbox - ionic 2更新网格中的项目

时间:2017-08-14 15:03:58

标签: typescript checkbox ionic2

我希望你能帮助我。 我有一个包含许多列的网格,我需要在数据库中按下按钮更新所选行。 我找不到任何关于此的信息。

这是我的代码。

<ion-row *ngFor="let errors of eta_allErrorsRS">
          <ion-col class="info-col col-align" col-1>
            ETA
          </ion-col>
          <ion-col class="info-col" col-1>
            <ion-checkbox ng-model="active"></ion-checkbox>
          </ion-col>
          <ion-col class="info-col col-align" col-1>
            SLI
          </ion-col>
          <ion-col class="info-col col-align" col-1>
            ODBMS
          </ion-col>
          <ion-col class="info-col col-align" col-1>
            {{errors.vc_codi_iata_pais}}
          </ion-col>
          <ion-col class="info-col col-align" col-2>
            {{errors.nb_oc}} + "/" + {{errors.fech_ins_eta}}
          </ion-col>
          <ion-col class="info-col col-align" col-4>
            {{errors.vc_error_envio_eta}}
          </ion-col>
          <ion-col class="info-col col-align" col-1>
            {{errors.fech_eta}}
          </ion-col>
        </ion-row>
        <ion-row>
          <ion-col class="info-col col-footer" col-12>
            <button ion-button class="button-footer" smerrors color="bluedark" (click)="republishConfirm()">Republish</button>
            <button ion-button class="button-footer" smerrors color="bluedark" (click)="RejectConfirm()">Reject</button>
          </ion-col>
        </ion-row>

谢谢!

1 个答案:

答案 0 :(得分:2)

documentation开始,您应该像这样使用ngModel:

<ion-item>
    <ion-label>Pepperoni</ion-label>
    <ion-checkbox [(ngModel)]="pepperoni"></ion-checkbox>
    <button (click)="updateDatabaseClicked(errors)">ClickOnMe</button>
  </ion-item>

然后在你的ts文件中:

updateDatabaseClicked(errors){
   writeIntoDatabase(this.pepperoni);
}