AngularSideNav无法根据路由更新内容
创始人
2024-10-29 15:31:37
0

要更新Angular SideNav中的内容,需要通过Angular路由守卫进行操作。以下是解决该问题的代码示例:

在ngOnInit中注册路由守卫:

export class MyComponent implements OnInit, OnDestroy {
  private routerEventsSubscription!: Subscription;

  constructor(private router: Router) {}

  ngOnInit() {
    this.routerEventsSubscription = this.router.events.subscribe(event => {
      if (event instanceof NavigationStart) {
        // Update SideNav content
      }          
    });
  }

  ngOnDestroy() {
    this.routerEventsSubscription.unsubscribe();
  }
}

在路由守卫中更新SideNav内容:

export class MyComponent implements OnInit, OnDestroy {
  ...

  ngOnInit() {
    ...

    this.routerEventsSubscription = this.router.events.subscribe(event => {
      if (event instanceof NavigationStart) {
        const route = this.router.config.find(r => r.path === this.router.url);
        // Update SideNav content based on the current route
      }          
    });
  }

  ...
}

相关内容

热门资讯

第9分钟带你辅助!战皇大厅辅助... 您好:这款战皇大厅辅助排行游戏是可以开挂的,确实是有挂的,很多玩家在这款战皇大厅辅助排行游戏中打牌都...
3分钟带你讲解!暗宝破解器,赣... 3分钟带你讲解!暗宝破解器,赣牌圈控制牌型,黑科技教程(存在有挂)-哔哩哔哩;无需打开直接搜索打开薇...
2分钟带你透视!杭州都莱有没有... >>您好:hhpoker辅助软件是真的么确实是有挂的,很多玩家在这款hhpoker辅助软件是真的么游...
2分钟带你透视!决战十水三修改... 2分钟带你透视!决战十水三修改器,顺欣茶楼辅助软件,必胜教程(了解有挂)-哔哩哔哩>>您好:软件加薇...
第5分钟带你开挂!钱塘十三水辅... 第5分钟带你开挂!钱塘十三水辅助器,随意玩有辅助吗,必备教程(有挂规律)-哔哩哔哩;打开点击测试直接...
8分钟带你了解!微信微乐辅助透... 8分钟带你了解!微信微乐辅助透视,约战竞技场辅助脚本,安装教程(有挂细节)-哔哩哔哩 了解更多开挂安...
第十分钟带你详情!河南微乐麻将... 第十分钟带你详情!河南微乐麻将小程序辅助器,欢乐茶馆辅助,必备教程(的确有挂)-哔哩哔哩;无需打开直...
5分钟带你详情!德扑之星安卓插... 【亲,鄱阳翻精辅助软件 这款游戏可以开挂的,确实是有挂的,很多玩家在这款鄱阳翻精辅助软件中打牌都会发...
第7分钟带你透视!鱼虾蟹的压法... 第7分钟带你透视!鱼虾蟹的压法技巧,新畅游互娱辅助app,科技教程(有挂功能)-哔哩哔哩 【无需打开...
一分钟带你开挂!长春科乐第三方... 一分钟带你开挂!长春科乐第三方辅助工具,全来潜山跑风辅助器,科技教程(有挂技巧)-哔哩哔哩 【无需打...