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

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

相关内容

热门资讯

外挂指南书!pokeplus脚... 外挂指南书!pokeplus脚本,xpoker怎么作必弊-原来是真的有辅助软件(哔哩哔哩)1、金币登...
外挂窍要!约局吧德州有挂吗,德... 外挂窍要!约局吧德州有挂吗,德普之星怎么设置埋牌-本来一直都是有辅助技巧(哔哩哔哩)该软件可以轻松地...
外挂机巧!德普之星辅助器app... 外挂机巧!德普之星辅助器app,竞技联盟破解版最新版-其实真的是有辅助插件(哔哩哔哩)1、这是跨平台...
外挂手段!德州局透视,德州真人... 外挂手段!德州局透视,德州真人透视脚本-一直一直总是有辅助攻略(哔哩哔哩)外挂手段!德州局透视,德州...
外挂窍门!pokerworld... 外挂窍门!pokerworld修改器,德普之星有透视辅助吗-都是是有辅助教程(哔哩哔哩)1、下载好p...
外挂操作!智星菠萝辅助,智星德... 外挂操作!智星菠萝辅助,智星德州插件最新版本更新内容详解-都是是真的有辅助神器(哔哩哔哩)1、让任何...
外挂手筋!佛手在线大菠萝辅助,... 外挂手筋!佛手在线大菠萝辅助,拱趴大菠萝万能挂-一直一直总是有辅助神器(哔哩哔哩)1、佛手在线大菠萝...
外挂大纲!德普软件,哈糖大菠萝... 外挂大纲!德普软件,哈糖大菠萝能开挂吗-其实一直都是有辅助插件(哔哩哔哩)1、在哈糖大菠萝能开挂吗插...
外挂教材!德州局透视脚本下载安... 外挂教材!德州局透视脚本下载安装最新版本,德普之星私人局辅助免费-其实真的有辅助app(哔哩哔哩)1...
外挂教材!德州私人局脚本,哈糖... 外挂教材!德州私人局脚本,哈糖大菠萝软件下载-一贯是有辅助插件(哔哩哔哩);1)哈糖大菠萝软件下载免...