ionic 里面的modal问题

Question

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

}
目录：

在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) {
    
}

}

这是登录页面：

点击还没有注册之后：

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

Answer 1

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