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
      }          
    });
  }

  ...
}

相关内容

热门资讯

传授透视"wepok... 传授透视"wepoker有没有挂"开挂(透视)辅助工具(玩家交流可靠教程)传授透视"wepoker有...
第四分钟透视!欢乐掌心辅助,微... 您好:微乐陕西三代自建房挂这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户...
发现透视"WePok... 发现透视"WePoker透视挂怎么用"开挂(透视)辅助神器(热点推荐wpk教程)《发现透视"WePo...
五分钟透视!时光互娱房卡辅助,... 【亲,时光互娱房卡辅助 这款游戏可以开挂的,确实是有挂的,很多玩家在这款时光互娱房卡辅助中打牌都会发...
科技透视"WePoK... 科技透视"WePoKer到底有透视挂吗"开挂(透视)辅助脚本(最新研发黑科技教程)科技透视"WePo...
3分钟开挂!雀神广东插件智能解... 雀神广东插件智能解码是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用户可以加...
一分钟辅助!雀友会广东潮汕苹果... 雀友会广东潮汕苹果开挂 无需打开直接搜索微信:136704302本司针对手游进行,选择我们的四大理由...
关于透视"手机微扑克... 关于透视"手机微扑克辅助器"开挂(透视)辅助神器(解密关于安装教程)关于透视"手机微扑克辅助器"开挂...
7分钟辅助!功夫川辅助,越乡游... 7分钟辅助!功夫川辅助,越乡游义乌辅助(揭秘攻略开挂辅助工具);打开点击测试直接进入微信(13670...
必看透视"wepok... 必看透视"wepoker微透视挂方法"开挂(透视)辅助平台(玩家必备教程必胜教程)必看透视"wepo...