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辅助器... 1、黑科技了解(WePoKe辅助器真的有用吗)太离谱了固有有挂(透视)线上教程(2022已更新)(哔...
黑科技教程(wpk ai会不会... 1、黑科技教程(wpk ai会不会被封)太无语了往昔是真的有挂(透视)2025新版技巧(2025已更...
黑科技智能ai(德州ai人工智... 您好,德州ai人工智能软件免费这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很...
黑科技工具(wepoke透明挂... 1、黑科技工具(wepoke透明挂真假辨别)太夸张了原本是有挂(透视)可靠教程(2022已更新)(哔...
黑科技软件(红龙扑克辅助器)太... 您好,红龙扑克辅助器这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这...
黑科技存在(德州ai辅助外挂)... 黑科技存在(德州ai辅助外挂)太实锤了一贯是有挂(透视)技巧教程(2020已更新)(哔哩哔哩)1、每...
黑科技代打(wpk稳赢的打法)... 黑科技代打(wpk稳赢的打法)太离谱了切实有挂(透视)详细教程(2021已更新)(哔哩哔哩)1、wp...
黑科技免费(智星德州菠萝偷偷看... 黑科技免费(智星德州菠萝偷偷看牌功能)太坑了原本是真的有挂(透视)详细教程(2023已更新)(哔哩哔...
黑科技游戏(wpk有辅助挂吗)... 黑科技游戏(wpk有辅助挂吗)太嚣张了总是真的有挂(透视)解密教程(2024已更新)(哔哩哔哩)是一...
黑科技脚本(wepower有a... 黑科技脚本(wepower有ai吗)太无语了切实有挂(透视)扑克教程(2026已更新)(哔哩哔哩)您...