步骤
1.新建modal页面
cd src/app
ionic g page /src/app/modal
2.新建modal的component
ionic g component modal/components/login
3.首页tab1按钮点击,跳转到modal页面
(1)tab1.page.html的<ion-content>
<ion-button [routerLink]="[ '/modal' ]">
modal
</ion-button>
(2)modal.page.html的<ion-header>里<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button defaultHref="/tabs/tab1"></ion-back-button>
</ion-buttons>
4.modal页面,一个按钮点击,弹出模态对话框
(1)modal.page.html的<ion-content>
<ion-button (click)="showModal()">
弹出模态对话框
</ion-button>
(2)在modal模块里引入login组件,打开modal.module.ts<