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辅助神... 微扑克辅助软件!德州ai辅助神器机器人,德州辅助软件,wpk教程(一直真的是有挂);致您一封信;亲爱...
黑科技好友!(aApoker)... 黑科技好友!(aApoker)透明挂辅助脚本,(aaPOKER)最初是真的有挂,可靠教程(有挂透明)...
德扑之星辅助器购买!wepok... 1、德扑之星辅助器购买!wepoke辅助,wpk发牌机制,实用技巧(原先是真的有挂)。2、wpk发牌...
黑科技中牌率!(WPk)透视辅... 《黑科技中牌率!(WPk)透视辅助工具,(wpK)最初存在有挂,2025新版总结(有挂神器)》 wp...
德扑之星系统发牌机制!wepo... 德扑之星系统发牌机制!wepoke软件收费吗,aapoker有猫腻吗,2025新版技巧(一贯有挂);...
黑科技透明挂!(WPK)透视辅... 黑科技透明挂!(WPK)透视辅助工具,(wpK)原生真的有挂,规律教程(有挂透明)准备好在wpK i...
wepoke透明挂是真的吗!w... 1、wepoke透明挂是真的吗!wepoke是什么软件,wpk微扑克最新辅助,wpk教程(一直真的有...
黑科技安卓版!(微扑克)透视辅... 黑科技安卓版!(微扑克)透视辅助app,(微扑克)真是真的有挂,微扑克教程(有挂方法);人气非常高,...
苹果菠萝德州辅助神器!wepo... 苹果菠萝德州辅助神器!wepower怎么设置德州,德扑统计软件,靠谱教程(往昔真的有挂)1、很好的工...
黑科技系统!(微扑克)透视辅助... 黑科技系统!(微扑克)透视辅助app,(微扑克wpk)切实真的是有挂,揭秘教程(有挂技巧)是一款可以...