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

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

相关内容

热门资讯

技术分享“wepoker德州透... >>您好:wepoker德州透视挂免费下载软件加扣扣群确实是有挂的,很多玩家在这款游戏中打牌都会发现...
总算了解“WePoKer有没有... 您好,WePoKer有没有透视软件挂这款游戏可以开挂的,确实是有挂的,需要了解加微【13670430...
记者发布“wepokerplu... 无需打开直接搜索加微信客服(136704302)咨询了解wepokerplus挂先试用后付款辅助器目...
重大通报“wepoker辅助工... >>您好:wepoker辅助工具好用吗软件加扣扣群确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
分享个大家“wepoker透视... wepoker透视脚本配置是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用户...
指导大家“WePoKer到底有... 您好:WePoKer到底有透视挂吗这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现...
玩家必看科普“wepoker有... 您好,wepoker有透视吗这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多...
终于知道“wpk德州辅助”开挂... 您好:wpk德州辅助的软件,软件加客服确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别...
科技新动态“wepoker能不... 无需打开直接搜索加微信客服(136704302)咨询了解wepoker能不能开挂辅助器目前(微信:1...
我来向大家传授“wepoker... 我来向大家传授“wepoker辅助器教程”开挂辅助安装(透视)解密教程是一款可以让一直输的玩家,快速...