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

  ...
}

相关内容

热门资讯

最新技巧!福建天天开心攻略,天... 最新技巧!福建天天开心攻略,天天微友辅助,详细软件(有挂详情)一、福建天天开心攻略可以开透视的定义与...
技术分享!开心泉州小程序辅助器... 技术分享!开心泉州小程序辅助器,九江讨赏辅助中至小程序,详细脚本(有挂解密)1、该软件可以轻松地帮助...
玩家攻略!四川途游小程序辅助软... 玩家攻略!四川途游小程序辅助软件,西兵辅助器,详细攻略(有挂讲解)1、打开软件启动之后找到中间准星的...
终于懂了!宁波同乐游辅助下载,... 终于懂了!宁波同乐游辅助下载,广东雀神麻雀辅助神器,详细器(有挂头条)1、下载好广东雀神麻雀辅助神器...
专业讨论!手机脚本辅助软件,桃... 专业讨论!手机脚本辅助软件,桃乐甘肃麻将下载辅助器,详细神器(有挂方针)1、完成桃乐甘肃麻将下载辅助...
必备科技!同乡游辅助软件,雀神... 必备科技!同乡游辅助软件,雀神广东定制插件,详细方法(证实有挂)1、首先打开雀神广东定制插件辅助器下...
分享个大家!潮汕激k脚本,天天... 分享个大家!潮汕激k脚本,天天爱柳州麻将辅助器,详细技巧(有挂存在)1、很好的工具软件,可以解锁游戏...
关于!天天互娱app辅助,微乐... 关于!天天互娱app辅助,微乐游戏竞技团辅助,详细脚本(有挂方略)1、上手简单,内置详细流程视频教学...
一分钟揭秘!广西友乐app辅助... 一分钟揭秘!广西友乐app辅助工具,乐乐围棋入门脚本,详细教程(有挂总结)1、下载好广西友乐app辅...
最新技巧!广东雀神智能插件安卓... 最新技巧!广东雀神智能插件安卓包,爱玩联盟脚本,详细器(确实有挂)1)广东雀神智能插件安卓包有没有挂...