Javascript 如何将数据传递到模式2
大家好,我正在尝试将数据从我的设备视图传递到我的模式(设备详细信息视图),并将其绑定到我的模式,因此如果我这样做Javascript 如何将数据传递到模式2,javascript,typescript,ionic-framework,modal-dialog,ionic2,Javascript,Typescript,Ionic Framework,Modal Dialog,Ionic2,大家好,我正在尝试将数据从我的设备视图传递到我的模式(设备详细信息视图),并将其绑定到我的模式,因此如果我这样做(单击)=openmodel(),则模式应使用我单击的参数打开。但不幸的是,它仍然让任何人都不知道我如何处理它 //数据源和模式处理程序 import { Component } from '@angular/core'; import { ModalController, Platform, NavParams, ViewController,NavController } fro
(单击)=openmodel()
,则模式应使用我单击的参数打开。但不幸的是,它仍然让任何人都不知道我如何处理它
//数据源和模式处理程序
import { Component } from '@angular/core';
import { ModalController, Platform, NavParams, ViewController,NavController } from 'ionic-angular';
import { ModalPage } from '../modal/modal';
@Component({
selector: 'page-deviceslist',
templateUrl: 'devicelist.html'
})
export class DevicesListPage {
devices;
device;
constructor(
public modalCtrl: ModalController,
public nav: NavController,
public params: NavParams,
) {
this.devices = [
{
title: 'Küche',
items: [
{title: 'KüchenAid', consumption:'32 W', checked:'true'},
{title: 'Thermomix', consumption:'0 W', checked:'false'}
]
},
{
title: 'Wohnzimmer',
items: [
{title: 'Fernseher',consumption:'0 W', checked:'false'},
{title: 'Stehlampe',consumption:'60 W', checked:'true'},
]
}
];
this.device = this.devices[this.params.get('devNum')];
}
openModal(deviceNum) {
let modal = this.modalCtrl.create(ModalPage, deviceNum);
modal.present();
console.log(this.device);
console.log(this.devices);
}
};
//还有我的情态动词
import { Component } from '@angular/core';
import { ModalController, Platform, NavParams, ViewController } from 'ionic-angular';
@Component({
selector: 'page-modal',
templateUrl: 'modal.html'
})
export class ModalPage {
constructor(
public platform: Platform,
public params: NavParams,
public viewCtrl: ViewController
) {
}
dismiss(data) {
this.viewCtrl.dismiss(data);
}
}
在Ionic v3中,使用模态控制器传递数据的过程与使用导航控制器传递数据的过程不同。主要区别在于,您使用键和值传递数据 您应该这样做:
let modal=this.modalCtrl.create(ModalPage,{deviceNum:deviceNum})代码>
在模态构造函数上:
constructor(public platform: Platform, params: NavParams,public viewCtrl: ViewController) {
console.log(params.get('deviceNum'));
}
@亚历克斯:你在模态控制器中导入导航参数了吗?你可以在这里找到一个例子:@Alexandre你知道为什么它还没有定义吗(在上面的链接中,我发布了我的DPASTE不是真的…你能显示你在哪里调用OpenModel(deviceNum)
以及你作为deviceNum
传递什么吗?)?