如何将数据传递到模态离子2

Question

好家伙我试着从我的设备查看我的模态（设备详细信息查看）传递数据并将其绑定到我的模态，如果我做(click)=openModal()模态应与帕拉姆打开我点击。但不幸的是，它仍然空出任何人一个想法，我可以如何处理它？

//数据源&模态处理程序

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); 
    } 

}; 

//和我的modal.ts

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); 
    } 

} 

Answer 1

在离子v3进行模态控制器来传递数据的方法是从传递数据具有不同导航控制器。主要区别在于您使用键和值传递数据。

你应该这样做：

let modal = this.modalCtrl.create(ModalPage, {deviceNum: deviceNum});

，并在你的模式构造：

constructor(public platform: Platform, params: NavParams,public viewCtrl: ViewController) { 
    console.log(params.get('deviceNum')); 
}