onPageLoaded onPageWillEnter onPageDidEnter onPageWillLeave onPageDidLeave ionViewLoaded ionViewWillEnter ionViewDidEnter ionViewWillLeave ionViewDidLeave
上下2种写法在beta37中都有效
假如在about页面中的控制台中打印页面加载完成,将要进入,已经进入,将要离开,已经离开
在about.ts文件夹中
export class AboutPage {
ionViewLoaded(){
console.log("about loaded lo")
}
onPageWillEnter(){
console.log("about will endter")
}
onPageDidEnter(){
console.log("about did endter")
}
onPageWillLeave(){
console.log("about will Leave")
}
onPageDidLeave(){
console.log("about did Leave")
}
}
下面的例子为默认第二个tab显示
<ion-tabs #myTabs>
<ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home" tabBadge="3" tabBadgeStyle="danger"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="关于" tabIcon="information-circle"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="用户中心" tabIcon="person"></ion-tab>
</ion-tabs>
html页面中直接写#myTabs 代表id号,不要写id="myTabs"
import {Component} from '@angular/core';
import {HomePage} from '../home/home';
import {AboutPage} from '../about/about';
import {ContactPage} from '../contact/contact';
import {Tabs} from 'ionic-angular';
import {Injectable,ViewChild} from '@angular/core';
@Component({
templateUrl: 'build/pages/tabs/tabs.html'
})
export class TabsPage {
@ViewChild('myTabs') tabRef:Tabs;
private tab1Root: any;
private tab2Root: any;
private tab3Root: any;
constructor() {
// this tells the tabs component which Pages
// should be each tab's root Page
this.tab1Root = HomePage;
this.tab2Root = AboutPage;
this.tab3Root = ContactPage;
}
ionViewDidEnter(){
this.tabRef.select(1);
}
}
(adsbygoogle = window.adsbygoogle || []).push({});