ion-tab 检测到第二个 select
ion-tab detect a second select
我对带有 ion-tabs 的 ionic2 有疑问。
当我第一次点击 ion-tab 时,会调用该页面(例如 SettingsPage)的构造函数。当我离开并再次点击同一个 ion-tab 时,构造函数不会被调用(有点道理)。
有什么方法可以让我重新调用构造函数吗?如果不是构造函数,至少是一个预定义的函数。
发生这种情况是因为用作选项卡的页面仅在您第一次选择该选项卡时创建。之后,由于该选项卡已经存在,因此不会再次创建它(因此不会调用构造函数)。
如果您想在每次选择选项卡时执行一些代码,请改用 ionViewDidEnter
:
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-a-tab',
templateUrl: 'app/a-tab.page.html'
})
export class ATabPage {
constructor(private navCtrl: NavController) {}
ionViewDidEnter() {
// This code will be executed every time the tab is selected! :)
}
}
我对带有 ion-tabs 的 ionic2 有疑问。
当我第一次点击 ion-tab 时,会调用该页面(例如 SettingsPage)的构造函数。当我离开并再次点击同一个 ion-tab 时,构造函数不会被调用(有点道理)。
有什么方法可以让我重新调用构造函数吗?如果不是构造函数,至少是一个预定义的函数。
发生这种情况是因为用作选项卡的页面仅在您第一次选择该选项卡时创建。之后,由于该选项卡已经存在,因此不会再次创建它(因此不会调用构造函数)。
如果您想在每次选择选项卡时执行一些代码,请改用 ionViewDidEnter
:
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-a-tab',
templateUrl: 'app/a-tab.page.html'
})
export class ATabPage {
constructor(private navCtrl: NavController) {}
ionViewDidEnter() {
// This code will be executed every time the tab is selected! :)
}
}