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

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

相关内容

热门资讯

曝光透视!拱趴大菠萝挂哪里,哈... 曝光透视!拱趴大菠萝挂哪里,哈糖大菠萝能开挂吗,攻略教程(有挂技术)-哔哩哔哩该软件可以轻松地帮助玩...
解密透视!pokerworld... 解密透视!pokerworld修改器!切实一直都是有辅助攻略(有挂实锤)-哔哩哔哩1、操作简单,无需...
解谜透视!约局吧德州有挂吗,w... 解谜透视!约局吧德州有挂吗,wepoker辅助工具,妙计教程(有挂方法)-哔哩哔哩约局吧德州有挂吗脚...
专业透视!竞技联盟透视!确实真... 专业透视!竞技联盟透视!确实真的是有辅助工具(了解有挂)-哔哩哔哩1、进入到竞技联盟透视是否有挂之后...
必备透视!哈糖大菠萝辅助器,线... 必备透视!哈糖大菠萝辅助器,线上德州的辅助器是什么,法子教程(真实有挂)-哔哩哔哩在进入线上德州的辅...
推荐透视!智星德州插件最新版本... 推荐透视!智星德州插件最新版本更新内容详解!都是有辅助软件(真实有挂)-哔哩哔哩1、玩家可以在智星德...
揭露透视!wepoker辅助插... 揭露透视!wepoker辅助插件功能,wepoker透视器免费,学习教程(真实有挂)-哔哩哔哩1、每...
有挂透视!拱趴大菠萝有挂吗!确... 有挂透视!拱趴大菠萝有挂吗!确实一直都是有辅助app(发现有挂)-哔哩哔哩1、拱趴大菠萝有挂吗辅助软...
必备透视!hhpoker到底可... 必备透视!hhpoker到底可以作必弊码,hhpoker是真的还是假的,学习教程(有挂讲解)-哔哩哔...
解谜透视!大菠萝免费辅助!真是... 解谜透视!大菠萝免费辅助!真是一直都是有辅助插件(有挂分析)-哔哩哔哩;1、每一步都需要思考,不同水...