Angular路由器.navigate只在子路由上起作用一次
创始人
2024-10-28 03:00:02
0

要解决Angular路由器.navigate只在子路由上起作用一次的问题,可以使用路由器的导航结束事件(NavigationEnd)来重新导航到当前子路由。

以下是一个示例代码:

import { Component, OnInit } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';

@Component({
  selector: 'app-parent-component',
  template: `
    

Parent Component

`, }) export class ParentComponent implements OnInit { constructor(private router: Router) { } ngOnInit() { this.router.events.subscribe((event) => { if (event instanceof NavigationEnd) { const childRoute = this.router.routerState.snapshot.root.firstChild; if (childRoute) { this.router.navigate([childRoute.routeConfig.path]); } } }); } navigateToChild() { this.router.navigate(['child']); } }

在上面的示例代码中,我们定义了一个ParentComponent作为父组件,并在模板中放置了一个按钮用于导航到子路由。在ngOnInit方法中,我们订阅了路由器的导航结束事件,并在事件处理程序中获取当前子路由并重新导航到该子路由。

这样,无论是通过点击按钮导航到子路由,还是通过其他方式导航到子路由,都会确保每次导航到子路由时都会重新导航一次,从而解决了只在子路由上起作用一次的问题。

相关内容

热门资讯

透视安装“德州之星扫描器”透视... 透视安装“德州之星扫描器”透视辅助器(一贯有挂);1、德州之星扫描器ai辅助优化,德州之星扫描器发牌...
透视规律!德扑圈有透视吗,德普... 透视规律!德扑圈有透视吗,德普之星私人局透视,切实教程(有挂细节)1、德普之星私人局透视透视辅助简单...
透视实锤!pokemmo脚本最... 透视实锤!pokemmo脚本最新版,智星菠萝可以辅助吗,解密教程(有挂插件);智星菠萝可以辅助吗辅助...
透视了解!德普之星透视辅助软件... 透视了解!德普之星透视辅助软件,(德扑之心)原来真的有挂,AI教程(有挂细节)一、德普之星透视辅助软...
透视教程“聚星ai辅助工具激活... 透视教程“聚星ai辅助工具激活码”透视辅助挂(其实真的是有挂);1、打开软件启动之后找到中间准星的标...
透视好友!德普之星辅助工具如何... 透视好友!德普之星辅助工具如何设置,德普软件,2025新版(有挂工具)1、游戏颠覆性的策略玩法,独创...
透视好友“sohoo竞技联盟辅... 透视好友“sohoo竞技联盟辅助器”透视辅助工具(切实有挂);sohoo竞技联盟辅助器辅助器中分为三...
透视能赢!德普之星透视辅助,德... 透视能赢!德普之星透视辅助,德扑之心免费透视,2025新版总结(有挂辅助)1、超多福利:超高返利,海...
透视黑科技“竞技联盟透视”透视... 透视黑科技“竞技联盟透视”透视辅助插件(真是真的有挂)1、用户打开应用后不用登录就可以直接使用,点击...
透视黑科技!德普之星私人局辅助... 透视黑科技!德普之星私人局辅助免费,(德扑之心)确实存在有挂,微扑克教程(有挂技巧)1、完成德普之星...