Ionic2 - 检查页面是否处于活动状态

mue*_*ich 8 ionic2 angular

如何检查ionic2页面是否处于活动状态?

例如,如果页面处于活动状态,我想隐藏一个按钮:

<button primary [hidden]="isActive('actualPageName')">
     Should be hidden
</button>
Run Code Online (Sandbox Code Playgroud)

Pau*_*aul 11

IONIC 2&3:由于uglification,你不能使用pagename进行制作.

我通过查看控制器堆栈上的最后一页是否是页面实例来检查活动页面:

import { NavController } from 'ionic-angular';
import { myPage } from '../../pages/my/my';
...
constructor(public navCtrl: NavController) {}
...
let active = this.navCtrl.last().instance instanceof MyPage;
Run Code Online (Sandbox Code Playgroud)

IONIC 4:路由改变了.这看起来像新的方式:

import { Router } from '@angular/router';
...
constructor(public router: Router) {}
...
let active =  this.router.isActive('mypage', false)
Run Code Online (Sandbox Code Playgroud)