ionic 里面的modal问题

adongP
  • 184

在登录页面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

出现了page 但是登录页面没有消失,请问这是为什么呀

回复
阅读 1.5k
1 个回答

Modal和我们常见的web页面的Modal的本质是一样的,就是在当前页面弹出一个容器比如说div供用户操作,只是将其z-index设置的大一点儿,并不需要把当前界面给替换掉,这个Modal其实还是当前界面的一个子组件而已。通过display控制其显示或者不显示。你可以将Modal界面的底色,大小设置下,可以看出最后的效果。

你知道吗?

宣传栏