如何在离子2中创建模态视图？

Question

文档向您展示了如何打开模式,但不清楚您应该将哪种页面传递给open()方法

来自docs的示例:

import { Component } from '@angular/core';
import { ModalController, ViewController } from 'ionic-angular';

constructor(public modalCtrl: ModalController) {

 }

 presentContactModal() {
   let contactModal = this.modalCtrl.create(ContactUs);
   contactModal.present();
 }

目前还不清楚'ContactUs'对象来自何处,没有导入它.这个例子链接到这里:https://ionicframework.com/docs/api/components/modal/ModalController/

Answer 1

import { Component } from '@angular/core';
import { ModalController, ViewController } from 'ionic-angular';

@Component(...)
class HomePage {

    constructor(public modalCtrl: ModalController) {    }
    presentContactModal() {
         let contactModal = this.modalCtrl.create(ContactUs);
         contactModal.present();
    }    
}

///////////////以下是在主页中定义的联系我们组件

@Component(...)
class ContactUs {

   constructor(public viewCtrl: ViewController) {

   }

   dismiss() {
     this.viewCtrl.dismiss();
   }
}