modal-dialog - 如何在 ionic 2 中创建模态视图？

Question

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

来自文档的示例:

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