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并重新获取数据。选择哪种方法取决于你的具体需求和应用程序的架构。

相关内容

热门资讯

详情透视!wepoker手机助... 详情透视!wepoker手机助手,微乐自建房黑科技辅助工具下载,秘籍教程(的确有挂)-哔哩哔哩1、w...
关于透视!agpoker辅助,... 关于透视!agpoker辅助,微乐自建房辅助,大纲教程(有挂头条)-哔哩哔哩1、这是跨平台的agpo...
专业透视!wpk辅助哪里买,微... 专业透视!wpk辅助哪里买,微信微乐陕西挖坑小程序破解器,烘培教程(有挂猫腻)-哔哩哔哩1、上手简单...
曝光透视!hhpoker脚本下... 曝光透视!hhpoker脚本下载,微乐小程序辅助免费,攻略教程(真是有挂)-哔哩哔哩小薇(辅助器软件...
科普透视!约局吧游戏挂,微乐自... 科普透视!约局吧游戏挂,微乐自建房辅助工具2025在哪,积累教程(有挂猫腻)-哔哩哔哩1)约局吧游戏...
关于透视!约局吧是否有挂,微乐... 关于透视!约局吧是否有挂,微乐自建房黑科技工具怎么找,秘籍教程(有挂教学)-哔哩哔哩1、起透看视 约...
分享透视!hhpoker万能辅... 分享透视!hhpoker万能辅助器,微乐小程序辅助工具2025,课程教程(确实有挂)-哔哩哔哩该软件...
普及透视!hhpoker德州真... 普及透视!hhpoker德州真的假的,微乐广西小程序,课程教程(有挂技术)-哔哩哔哩1、游戏颠覆性的...
推荐透视!wepoker轻量版... 推荐透视!wepoker轻量版透视,微乐自建房道具有用吗,操作教程(有挂规律)-哔哩哔哩1、实时we...
揭幕透视!hhpoker有透视... 您好,hhpoker有透视功能吗这款游戏可以开挂的,确实是有挂的,需要了解加去威信【48527505...