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

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

相关内容

热门资讯

透视规律!旺旺闽南麻将有挂的,... 透视规律!旺旺闽南麻将有挂的,wepoke模拟器,详细教程(有挂攻略)-哔哩哔哩;支持多人共享记分板...
2024教程!微扑克网页版辅助... 2024教程!微扑克网页版辅助,WepOke软件透明挂,详细教程(有挂介绍)-哔哩哔哩;是一款可以让...
一秒钟免费!微扑克网页版的确真... 一秒钟免费!微扑克网页版的确真的有挂,微扑克智能辅助器,详细教程(有挂攻略)-哔哩哔哩;亲,其实确实...
技术分享!wpk有长期盈利玩家... 技术分享!wpk有长期盈利玩家的,德扑ai决策软件,详细教程(有挂规律)-哔哩哔哩;wpk有长期盈利...
盘点十款(七游乐互娱辅助)竟然... 盘点十款(七游乐互娱辅助)竟然真的有挂(透视)详细教程(有挂规律)-哔哩哔哩1、让任何用户在无需AI...
透视透明!欢乐棋牌有外挂,we... 您好,wepoke软件透明挂这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多...
六秒钟透视!微扑克俱乐部机器人... 1、六秒钟透视!微扑克俱乐部机器人(辅助挂)外挂辅助下载(2025已更新)(哔哩哔哩)(UU pok...
避坑细节!牵手跑胡子有辅助器的... 避坑细节!牵手跑胡子有辅助器的,wpk透视,详细教程(有挂教学)-哔哩哔哩;1.牵手跑胡子有辅助器的...
8种漏洞!微扑克安卓版本确实真... 8种漏洞!微扑克安卓版本确实真的有挂,微扑克辅助软件查得出来,详细教程(有挂方法)-哔哩哔哩;科技安...
重大来袭(心悦麻将有挂真的)其... 重大来袭(心悦麻将有挂真的)其实真的有挂(透视)详细教程(有挂总结)-哔哩哔哩心悦麻将有挂真的平台为...