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辅助辅助,手筋教程(本来有挂)-哔哩哔哩1、wep...
透视安卓!pokemmo手机脚... 透视安卓!pokemmo手机脚本(透视)开挂辅助器(果然真的是有挂)-哔哩哔哩1.pokemmo手机...
透视教程!德普之星辅助软件,德... 透视教程!德普之星辅助软件,德普辅助软件,方针教程(原来是有挂)-哔哩哔哩1、很好的工具软件,可以解...
透视存在!we poker插件... 透视存在!we poker插件(透视)开挂辅助攻略(一直真的有挂)-哔哩哔哩所有人都在同一条线上,像...
透视规律!wpk官网下载链接,... 透视规律!wpk官网下载链接,佛手在线大菠萝为什么都输,手段教程(好像是有挂)-哔哩哔哩透视规律!w...
透视靠谱!黑侠破解wepoke... 透视靠谱!黑侠破解wepoker(透视)开挂辅助app(切实真的是有挂)-哔哩哔哩1、黑侠破解wep...
透视系统!德扑圈透视,德州局透... 透视系统!德扑圈透视,德州局透视,要领教程(一贯存在有挂)-哔哩哔哩;1、该软件可以轻松地帮助玩家将...
透视机器人!wepoker私人... 透视机器人!wepoker私人局透视教程(透视)开挂辅助挂(都是真的有挂)-哔哩哔哩1、玩家可以在w...
透视智能ai!wepoker私... 透视智能ai!wepoker私人局俱乐部怎么进,wepoker透视有用吗,练习教程(一贯是真的挂)-...
透视神器!wepoker插件功... 透视神器!wepoker插件功能辅助器(透视)开挂辅助技巧(好像是真的挂)-哔哩哔哩暗藏猫腻,小编详...