在离子路由到页面后保持触发功能？答案

【问题标题】：Keep firing function after Ionic routes to page?在离子路由到页面后保持触发功能？
【发布时间】：2017-02-21 23:50:51
【问题描述】：

我有一个使用标签的 Ionic 项目。

在我的标签上，我有以下内容：

<ion-tab [root]="tab1Root" (ionSelect)="toggleCompare();" tabTitle="Compare"></ion-tab>

当我点击它时，它会正确地带我回到根页面，然后运行我的 toggleCompare 函数，该函数位于我的 tabs.ts...

constructor(public navCtrl: NavController, private _appGlobals: AppGlobals) {
    this._appGlobals.showCompare.subscribe(value => this.compare = value);
}

toggleCompare() {
    this.compare = !this.compare;
    this._appGlobals.showCompare.next(this.compare);
}

再次点击来自另一个页面的工作绝对正常。我遇到的问题是，如果您再次单击该按钮，该页面绝对不会执行任何操作。不刷新，不运行函数。

如果用户还没有在页面上，任何人都可以建议一种更好的切换方式并路由回页面吗？

非常感谢任何建议。

【问题讨论】：

您希望toggleCompare() 仅在用户进入该页面时运行，还是您希望它在用户每次点击此选项卡时运行？
@GabrielWabiz 我希望它可以在您所在的任何页面上运行。这个想法是您单击选项卡，如果您在另一个页面上，它会将您引导回比较元素所在的页面，然后打开它。但是，如果您已经在页面上，它只会打开比较元素并且不执行任何路由。

标签： javascript angular ionic-framework ionic2

【解决方案1】：

因此，经过大量挖掘后，我得出结论，离子标签是实现我想要的结果的障碍。我使用 Ionic 提供的侧边菜单模板将它们撕掉并制作了自己的标签。这解决了我的问题，现在选项卡会动态换出。

【讨论】：