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免费辅助,wp... 透视总结!wpk免费辅助,wpk私人辅助,总结教程(其实有挂);暗藏猫腻,小编详细说明wpk私人辅助...
透视软件!wpk真吗,wpk软... 透视软件!wpk真吗,wpk软件是正规的吗,详细教程(切实真的是有挂)1、玩家可以在wpk软件是正规...
透视app!wpk俱乐部辅助器... 透视app!wpk俱乐部辅助器,wpk俱乐部有没有辅助,扑克教程(一直真的是有挂)1、wpk俱乐部有...
透视存在!如何判断wpk辅助软... 透视存在!如何判断wpk辅助软件的真假,wpk辅助是什么,玩家教程(其实是有挂)1.如何判断wpk辅...
透视透视!wpk透视是真的假的... 透视透视!wpk透视是真的假的,wpk真吗,总结教程(总是有挂)wpk透视是真的假的辅助器中分为三种...
透视计算!wpk辅助,wpk俱... 透视计算!wpk辅助,wpk俱乐部是真的吗,2025教程(原来真的是有挂)所有人都在同一条线上,像星...
透视存在!wpk软件是正规的吗... 透视存在!wpk软件是正规的吗,wpk模拟器,专业教程(都是真的是有挂);1、下载好wpk软件是正规...
透视辅助!wpk真吗,wpk插... 透视辅助!wpk真吗,wpk插件辅助,新2025教程(真是真的有挂)wpk插件辅助辅助器中分为三种模...
透视辅助!微扑克微乐辅助,wp... 透视辅助!微扑克微乐辅助,wpk辅助哪里买,2025新版教程(果然有挂);亲,关键说明,微扑克微乐辅...
透视安卓版!有哪些免费的wpk... 透视安卓版!有哪些免费的wpk作弊码,微扑克微乐辅助,高科技教程(好像有挂)1、有哪些免费的wpk作...