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方法中,我们订阅了路由器的导航结束事件,并在事件处理程序中获取当前子路由并重新导航到该子路由。

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

相关内容

热门资讯

透视脚本!德普辅助软件,德普之... 透视脚本!德普辅助软件,德普之星怎么设置埋牌(透视)一直是真的挂(有挂教程)-哔哩哔哩德普之星怎么设...
透视线上!德普之星辅助器app... 透视线上!德普之星辅助器app,德扑圈透视(透视)果然是有挂(有挂方略)-哔哩哔哩1、这是跨平台的德...
不少玩家反映!微信小程序小南四... 不少玩家反映!微信小程序小南四川长牌辅助,微信小程序雀神麻将好运来,办法教程(有挂秘籍)-哔哩哔哩一...
透视安装!德普之星透视辅助软件... 透视安装!德普之星透视辅助软件下载,德普之星辅助器app(透视)都是真的有挂(有挂方法)-哔哩哔哩1...
现场直击!手游游戏挂机辅助,芒... 现场直击!手游游戏挂机辅助,芒果辅助器安卓版,教程书教程(有挂规律)-哔哩哔哩1、点击下载安装,芒果...
透视好友!德普之星辅助工具如何... 透视好友!德普之星辅助工具如何打开,如何下载德普之星辅助软件(透视)确实真的是有挂(有挂秘籍)-哔哩...
围绕透视问题!樱花之盛正版辅助... 围绕透视问题!樱花之盛正版辅助器免费,佛手在线有挂吗,手册教程(证实有挂)-哔哩哔哩在进入樱花之盛正...
现场直击!鱼虾蟹透视视频教程,... 现场直击!鱼虾蟹透视视频教程,新海贝之城app破解,指南教程(有挂方法)-哔哩哔哩1、每一步都需要思...
透视辅助!德普软件,德普之星透... 透视辅助!德普软件,德普之星透视辅助插件(透视)其实是有挂(有挂讲解)-哔哩哔哩1、德普之星透视辅助...
近日!川南九九辅助,微信小程序... 近日!川南九九辅助,微信小程序微乐陕西挖坑,模板教程(有挂方略)-哔哩哔哩运微信小程序微乐陕西挖坑辅...