Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将数据传递到模式2_Javascript_Typescript_Ionic Framework_Modal Dialog_Ionic2 - Fatal编程技术网

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
传递什么吗?)?