Ionic2 复选框的值不会传递到模板页面
假设我的驱动程序有一个id,我如何将其值传递到下一页 html文件Ionic2 复选框的值不会传递到模板页面,ionic2,Ionic2,假设我的驱动程序有一个id,我如何将其值传递到下一页 html文件 <ion-item *ngFor="let driver of items; let i = index "> <ion-label>{{driver.name}}</ion-label> <ion-checkbox [(ngModel)]="driver[i]" item-right></ion-checkbox> &l
<ion-item *ngFor="let driver of items; let i = index ">
<ion-label>{{driver.name}}</ion-label>
<ion-checkbox [(ngModel)]="driver[i]" item-right></ion-checkbox>
</ion-item>
initializeItems() {
this.drivers = [];
this.driver.getDrivers((data)=>{
console.log(data);
for(let i in data.drivers){
this.drivers.push({name: data.drivers[i].name, id: data.drivers[i].id})
}
this.items = this.drivers;
})
}
试试下面的例子。可以向驱动程序对象添加一个或多个特性以跟踪选择。检查工作版本 home.html
<ion-header>
<ion-navbar>
<ion-title>Home</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<ion-list>
<ion-item *ngFor="let ing of pizzaIng; let i = index">
<ion-label>{{ing.name}}</ion-label>
<ion-checkbox [(ngModel)]="ing.checked" (ionChange)="updateIng()"></ion-checkbox>
</ion-item>
</ion-list>
</ion-content>
选择将显示所有选中的项目。您还需要什么?我希望该值显示在我的第二页上,如图片所示,但我的标签始终显示未分配:(如果第二页是另一个组件文件,请使用navParams将值从一个文件发送到另一个文件this.navCtrl.push(this.aboutPage,{userData:selecting});请参阅此链接
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
pizzaIng : any;
selectedIng : any=[];
constructor(public navCtrl: NavController) {
this.pizzaIng=[
{name : "Pepperoni", checked : true},
{name : "Sasuage", checked : true},
{name : "Mushrooms", checked : true}
]
}
updateIng(){
this.selectedIng=[];
for(let ingr of this.pizzaIng){
if(ingr.checked === true){
this.selectedIng.push(ingr);
}
}
console.log(this.selectedIng);
}
}