Angular Router 变化改变底部栏图标

构造函数中监测路由变化,这个方法对hash路由也适用

router.events.subscribe((e: RouterEvent) => {console.log(e.url);})

如果当前urlgardevoir.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;
    });
}

这是一个比较蠢的方法,如果有其他更好的方法会更新,同时期待分享。