在构造函数
中监测路由变化,这个方法对hash
路由也适用
router.events.subscribe((e: RouterEvent) => {console.log(e.url);})
如果当前url
为gardevoir.yoga/home
或者gardevoir.yoga/#/home
, 打印出来内容为'/home'
//home.html <img src="assets/home.svg" alt="home" width="40px" *ngIf="isHome"> <img src="assets/home_released.svg" alt="home" width="40px" *ngIf="!isHome">
// home.ts constructor(private router: Router) { router.events.subscribe((e: RouterEvent) => { if (e.url === '/home') { this.isHome = true; } else this.isHome = false; }); }
这是一个比较蠢的方法,如果有其他更好的方法会更新,同时期待分享。