Angular的router.navigate不会在同一组件上调用resolver进行路由。
创始人
2024-10-24 09:31:00
0

在Angular中,使用router.navigate进行路由导航时,确实不会再次调用相同组件上的Resolver。这是因为Angular认为在同一组件上进行导航时,组件实例已经存在且不需要再次调用Resolver来获取数据。

如果你想在同一组件上调用Resolver并重新获取数据,可以使用以下解决方法:

  1. 创建一个新的组件,并在该组件上调用Resolver来获取数据。然后使用router.navigate导航到这个新组件。

在原始组件中:

import { Router } from '@angular/router';

constructor(private router: Router) {}

navigateToNewComponent() {
  this.router.navigate(['/new-component']);
}

在路由模块中定义新组件的路由:

import { NewComponent } from './new-component/new-component.component';

const routes: Routes = [
  { path: 'new-component', component: NewComponent, resolve: { data: ResolverService } }
];
  1. 使用router.navigateByUrl方法指定一个不同的URL来导航到同一组件,并在URL上添加查询参数或片段来触发Resolver重新获取数据。

在原始组件中:

import { Router } from '@angular/router';

constructor(private router: Router) {}

refreshComponent() {
  const currentUrl = this.router.url;
  this.router.navigateByUrl('/', { skipLocationChange: true }).then(() => {
    this.router.navigate([currentUrl]);
  });
}

在路由模块中定义组件的路由:

import { MyComponent } from './my-component/my-component.component';

const routes: Routes = [
  { path: 'my-component', component: MyComponent, resolve: { data: ResolverService } }
];

这两种方法都可以在同一组件上调用Resolver并重新获取数据。选择哪种方法取决于你的具体需求和应用程序的架构。

相关内容

热门资讯

wpk真的有外 挂(wPK)w... wpk真的有外 挂(wPK)wpk机器人代打(透视)一贯真的有挂(辅助教程)1、操作简单,无需注册,...
德州ai辅助有用!德扑平台机器... 一、德州ai辅助有用简介了解软件请加微:136704302德州ai辅助有用是一款在线扑克游戏平台,玩...
wepoke计算辅助!微扑克网... wepoke计算辅助!微扑克网页版辅助,wepoke有规律(详细透视教程);(需添加指定薇75744...
wepoke辅助技巧!wepo... wepoke辅助技巧!wepower有辅助软件(辅助挂)WEPOke(本来真的有挂);(需添加指定薇...
微扑克ai辅助(wpK)wpk... 微扑克ai辅助(wpK)wpk德州测试外 挂(透视)一贯真的有挂(新2025教程)1、上手简单,内置...
德州之星插件!德扑之星创建房间... 德州之星插件!德扑之星创建房间设置,德州app竟然存在有挂(详细有作弊教程)1、构建自己的微扑克辅助...
智星德州菠萝辅助器!wpk辅助... 智星德州菠萝辅助器!wpk辅助,wepoke可以来好牌(详细辅助挂教程);玩家必备必赢加哟《1367...
wepokeai代打的胜率!w... WePoker透视辅助版本稳定性对比与推荐‌:wepokeai代打的胜率!wepoke有挂网上(透视...
微扑克ai辅助(wPK)wpk... 微扑克ai辅助(wPK)wpk俱乐部24小时(辅助挂)总是真的有挂(高科技教程)1、下载好微扑克辅助...
德州免费辅助神器app!德扑之... 德州免费辅助神器app!德扑之星,德扑线上切实真的是有挂(详细ai辅助有用教程)是一款可以让一直输的...