ionic 跳转页面、组件使用

新建页面步骤：

1. ionic g page news
2. app.module.ts中引入声明组件
3. home页面（主页面）引入组卷，跳转：this.navCtrl.push(NewsPage)

页面跳转案例

跳转主页面：

<button ion-button (click)="goNews()">跳转到新闻页面</button>    //点击动作

主页面的ts文件：

• 引入跳转的子页面

import { NewsPage } from '../news/news'

• 跳转事件函数（可写在构造函数内，亦可外）

goNews(){
    this.navCtrl.push(NewsPage)
}

跳转子页面
普通的HTML文件

Tables	Are
ionViewDidLoad	当页面加载的时候触发，仅在页面创建的时候触发一次，如果被缓存了，那么下次再打开这个页面则不会触发
ionViewWillEnter	顾名思义，当将要进入页面时触发
ionViewDidEnter	当进入页面时触发
ionViewWillLeave	当将要从页面离开时触发
ionViewDidLeave	离开页面时触发
ionViewWillUnload	当页面将要销毁同时页面上元素移除时触发