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

  ...
}

相关内容

热门资讯

透视曝光"有没有人w... 透视曝光"有没有人wepoker"原来真的有辅助工具(哔哩哔哩)1.有没有人wepoker 选牌创建...
透视了解"wepok... 透视了解"wepoker私人局俱乐部怎么进"确实真的是有辅助技巧(哔哩哔哩)1、下载好wepoker...
透视了解"拱趴游戏破... 透视了解"拱趴游戏破解器"一贯是有辅助插件(哔哩哔哩)1、拱趴游戏破解器有没有辅助教程、拱趴游戏破解...
透视解迷"hhpok... 透视解迷"hhpoker透视脚本视频"总是是真的辅助工具(哔哩哔哩)1、hhpoker透视脚本视频辅...
透视解迷"德州局脚本... 透视解迷"德州局脚本"切实是真的辅助工具(哔哩哔哩)1、全新机制【德州局脚本ai辅助工具激活码】2、...
透视教你"wejok... 透视教你"wejoker辅助软件视频"本来是有辅助工具(哔哩哔哩)进入游戏-大厅左侧-新手福利-激活...
透视解迷"wepok... 透视解迷"wepoker透视脚本安卓"果然有辅助器(哔哩哔哩)一、wepoker透视脚本安卓游戏安装...
透视关于"hhpok... 透视关于"hhpoker德州挂真的有吗"都是存在有辅助插件(哔哩哔哩)一、hhpoker德州挂真的有...
透视关于"pokem... 透视关于"pokemmo手机脚本辅助器"一贯有辅助方法(哔哩哔哩)1、玩家可以在pokemmo手机脚...
透视开挂"德扑之心免... 透视开挂"德扑之心免费透视"切实是有辅助工具(哔哩哔哩)1、点击下载安装,德扑之心免费透视脚本分类一...