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

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

相关内容

热门资讯

透视智能ai(WPK)竟然真的... 透视智能ai(WPK)竟然真的是有挂(透视)wpk真的有透视嘛(分享教程);1.wpk真的有透视嘛 ...
透视脚本(WPK)一直真的有挂... 透视脚本(WPK)一直真的有挂(透视)wpk辅助哪里买(德州教程);wpk辅助哪里买是一种具有地方特...
透视规律(WPK)一直真的有挂... 透视规律(WPK)一直真的有挂(透视)wpk模拟器(爆料教程)wpk模拟器软件透明挂微扑克wpk插件...
透视辅助(WPK)确实真的有挂... 透视辅助(WPK)确实真的有挂(透视)wpk俱乐部是真的吗(解说技巧)1、超多福利:超高返利,海量正...
透视神器(WPK)一贯真的有挂... 透视神器(WPK)一贯真的有挂(透视)wpk透视辅助(新2025版)1、wpk透视辅助透视辅助简单,...
透视规律(WPK)好像真的是有... 透视规律(WPK)好像真的是有挂(透视)wpk模拟器(透明教程);一、wpk模拟器软件透明挂的定义与...
透视透视(WPK)原来真的是有... 透视透视(WPK)原来真的是有挂(透视)wpk显示有作弊(可靠教程)1、超多福利:超高返利,海量正版...
透视挂(WPK)切实存在有挂(... 透视挂(WPK)切实存在有挂(透视)wpk私人辅助(爆料教程)1、任何wpk私人辅助ai辅助神器的玩...
透视脚本(WPK)切实是有挂(... 透视脚本(WPK)切实是有挂(透视)wpk有作弊吗(教你攻略)一、wpk有作弊吗AI软件牌型概率发牌...
透视代打(WPK)竟然真的有挂... 透视代打(WPK)竟然真的有挂(透视)wpk软件是正规的吗(技巧教程);1、不需要AI权限,帮助你快...