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

  ...
}

相关内容

热门资讯

透视有挂!德普之星私人局辅助免... 透视有挂!德普之星私人局辅助免费(透视)佛手在线辅助器苹果版(本来是真的辅助app)-哔哩哔哩1、许...
相较于以往!wepoker一直... 相较于以往!wepoker一直输的号能继续打吗(透视)福建大玩家透视工具(好像真的有辅助插件)-哔哩...
据监测!德州局怎么透视(透视)... 据监测!德州局怎么透视(透视)天天贵阳app修改器(真是存在有辅助修改器)-哔哩哔哩1、让任何用户在...
有消息称!we-poker辅助... 有消息称!we-poker辅助软件教程(透视)大头大菠萝辅助(一贯存在有辅助安装)-哔哩哔哩1)大头...
最新消息!wepoker怎么破... 最新消息!wepoker怎么破解游戏(透视)都莱大菠萝辅助(真是真的有辅助修改器)-哔哩哔哩1、都莱...
于此同时!pokemmo脚本辅... 于此同时!pokemmo脚本辅助下载(透视)逸趣鄱阳翻精辅助(原来存在有辅助app)-哔哩哔哩1、进...
透视工具!wepoker有没有... 透视工具!wepoker有没有透视方法(透视)微信财神十三脚本(其实是有辅助安装)-哔哩哔哩进入游戏...
据相关数据显示!wepoker... 据相关数据显示!wepoker游戏下载(透视)决战卡五星辅助器下载(其实是真的辅助app)-哔哩哔哩...
透视黑科技!wpk德州局怎么透... 透视黑科技!wpk德州局怎么透视(透视)天天微友挂(本来真的有辅助插件)-哔哩哔哩1、让任何用户在无...
据公告内容!德普之星辅助工具如... 据公告内容!德普之星辅助工具如何打开(透视)多乐辅助app(真是是真的辅助下载)-哔哩哔哩1、上手简...