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

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

相关内容

热门资讯

透视曝光!hhpoker透视脚... 透视曝光!hhpoker透视脚本,hhpoker透视工具(透视)都是真的有挂(哔哩哔哩)1、让任何用...
今日!拱趴大菠萝万能挂图解,微... 今日!拱趴大菠萝万能挂图解,微乐游戏竞技团辅助,解迷透视(有挂教程)-哔哩哔哩运拱趴大菠萝万能挂图解...
透视教学!德州局透视,微乐贵阳... 透视教学!德州局透视,微乐贵阳捉鸡麻将开挂,必备透视(有挂猫腻)-哔哩哔哩所有人都在同一条线上,像星...
脚本教你!德普辅助软件,德普之... 脚本教你!德普辅助软件,德普之星辅助器怎么用(透视)本来真的有脚本(哔哩哔哩)1、打开软件启动之后找...
透视实锤!wepoker到底有... 透视实锤!wepoker到底有没有透视,微乐小程序多乐辅助器,解谜透视(揭秘有挂)-哔哩哔哩1、玩家...
透视普及!wejoker辅助软... 透视普及!wejoker辅助软件视频,wepoker作必弊辅助(透视)本来存在有工具(哔哩哔哩)1、...
不少玩家反映!wepoker有... 不少玩家反映!wepoker有透视功能吗,微信小程序微乐破解器2025,详细透视(有挂总结)-哔哩哔...
脚本详情!wepoker有辅助... 脚本详情!wepoker有辅助功能吗,wepoker辅助器免费(透视)确实真的是有攻略(哔哩哔哩)1...
今日!wepoker代打辅助机... 今日!wepoker代打辅助机器人,微乐自建房脚本如何下载,解谜透视(有挂助手)-哔哩哔哩该软件可以...
脚本专业!hhpoker为什么... 脚本专业!hhpoker为什么一直输,hhpoker脚本下载(透视)都是有插件(哔哩哔哩)1、实时透...