鍍金池/ 問答/HTML/ ionic 里面的modal問題

ionic 里面的modal問題

在登錄頁面about.html 一個 button 有個點擊事件
<button ion-button outline (click)="tomodal()">還沒有有登錄</button>

about.ts里

import {Register} from './register'
tomodal() {

console.log(1);
let contactModal = this.modalCtrl.create(Register);
contactModal.present();

}
目錄:

clipboard.png
在register.html中:

只寫了:page  一個單詞

在register.ts中:
import { Component } from '@angular/core';
import { ModalController, Platform, NavParams, ViewController } from 'ionic-angular';

@Component({

templateUrl: 'register.html'

})
export class Register {

constructor(public platform: Platform,public params: NavParams,public                 
       viewCtrl: ViewController) {
    
}

}

這是登錄頁面:
clipboard.png
點擊還沒有注冊之后:

clipboard.png

出現(xiàn)了page 但是登錄頁面沒有消失,請問這是為什么呀

回答
編輯回答
別硬撐

Modal和我們常見的web頁面的Modal的本質(zhì)是一樣的,就是在當(dāng)前頁面彈出一個容器比如說div供用戶操作,只是將其z-index設(shè)置的大一點兒,并不需要把當(dāng)前界面給替換掉,這個Modal其實還是當(dāng)前界面的一個子組件而已。通過display控制其顯示或者不顯示。你可以將Modal界面的底色,大小設(shè)置下,可以看出最后的效果。

2017年11月24日 07:57