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轻松简单...
九分钟辅助!决战卡五星辅助(辅... 九分钟辅助!决战卡五星辅助(辅助挂)其实是有挂的(德州教程开挂辅助工具);无需打开直接搜索微信(13...
一分钟教会你!佛手十三道破解版... 一分钟教会你!佛手十三道破解版安卓,兴动助手脚本,实用技巧(有挂方针)-哔哩哔哩;1、这是跨平台的佛...
第二分钟科普!龙江填大坑视频攻... 第二分钟科普!龙江填大坑视频攻略(辅助挂)原来确实有挂(黑科技教程开挂辅助脚本)【无需打开直接搜索加...
必看攻略!摆八张辅助,茶馆辅助... 必看攻略!摆八张辅助,茶馆辅助软件,解密教程(有挂规律)-哔哩哔哩;最新版2026是一款经典耐玩的益...
两分钟发现!广西老友玩辅助器(... 大家好,今天小编来为大家解答广西老友玩辅助器这个问题咨询软件客服可以免费测试直接加微信(136704...
揭秘一下!打哈儿辅助安卓系统,... 揭秘一下!打哈儿辅助安卓系统,微友助手破解版,详细教程(有人有挂)-哔哩哔哩;小薇(透视辅助)致您一...