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、悠悠广东麻将辅助...
必备攻略开挂教程!微友南昌麻将... 必备攻略开挂教程!微友南昌麻将多功能开挂教程,微友南昌麻将都是是有开挂教程1、金币登录送、破产送、升...
玩家必看攻略辅助器app!温岭... 玩家必看攻略辅助器app!温岭逸趣麻将多功能辅助器app,温岭逸趣麻将切实是有辅助器app1)温岭逸...
一分钟了解透视挂方法!喜乐多功... 一分钟了解透视挂方法!喜乐多功能透视挂方法,喜乐本来真的是有透视挂方法小薇(辅助器软件下载)致您一封...
安装程序教程辅助脚本!天天麻将... 安装程序教程辅助脚本!天天麻将九州多功能辅助脚本,天天麻将九州好像是有辅助脚本1、让任何用户在无需天...
普及知识开挂教程!中至余干麻将... 普及知识开挂教程!中至余干麻将多功能开挂教程,中至余干麻将果然是有开挂教程1、中至余干麻将免费脚本咨...
盘点一款辅助教程!君子道多功能... 盘点一款辅助教程!君子道多功能辅助教程,君子道总是是真的有辅助教程亲,关键说明,君子道透视脚本安卓赛...
玩家科普辅助器方法!天津麻将多... 玩家科普辅助器方法!天津麻将多功能辅助器方法,天津麻将总是有辅助器方法1、玩家可以在天津麻将透视最简...
玩家必看辅助器软件!对战互娱多... 玩家必看辅助器软件!对战互娱多功能辅助器软件,对战互娱一直有辅助器软件暗藏猫腻,小编详细说明对战互娱...
今日焦点开挂插件!乐游互娱多功... 今日焦点开挂插件!乐游互娱多功能开挂插件,乐游互娱本来真的是有开挂插件1、许多玩家不知道乐游互娱辅助...