Angular 7 - 重新加载/刷新不同组件的数据
创始人
2024-10-16 16:31:47
0

在Angular 7中重新加载或刷新不同组件的数据,可以使用以下解决方法:

  1. 使用路由器导航到同一路由: 在组件中使用路由器导航到同一路由,这样会触发组件的重新加载和数据的刷新。可以使用router.navigate方法来导航到同一路由,并设置{reload: true}选项来重新加载组件。
import { Router } from '@angular/router';

constructor(private router: Router) {}

refreshComponent() {
  this.router.navigate(['/route-name'], { queryParams: { reload: true } });
}
  1. 使用路由器导航到当前路由: 如果想要刷新当前组件的数据,可以使用类似的方法导航到当前路由。使用ActivatedRoute来获取当前路由,并使用router.navigate方法导航到相同的路由。
import { Router, ActivatedRoute } from '@angular/router';

constructor(private router: Router, private route: ActivatedRoute) {}

refreshComponent() {
  this.router.navigate(['.'], { relativeTo: this.route });
}
  1. 使用路由器导航到不同路由,然后再返回: 如果想要刷新一个组件并且不在同一路由下,可以先导航到一个不同的路由,然后再返回到原始路由。这样会重新加载组件并刷新数据。
import { Router } from '@angular/router';

constructor(private router: Router) {}

refreshComponent() {
  this.router.navigateByUrl('/dummy-route')
    .then(() => this.router.navigateByUrl('/original-route'));
}

以上解决方法可以根据具体的需求来选择使用哪种方式来重新加载组件并刷新数据。

相关内容

热门资讯

推荐攻略!we-poker辅助... 推荐攻略!we-poker辅助,hhpoker有后台操作吗,切实教程(有挂辅助)关于hhpoker有...
每日必备!pokemmo手机版... 每日必备!pokemmo手机版透视脚本,wpk辅助器,透明教程(有挂神器);建议优先通过pokemm...
一分钟揭秘!hhpoker是正... 《一分钟揭秘!hhpoker是正规的吗,wepoker怎么挂底牌,玩家教你(有挂透明)》 hhpok...
我来教教大家!wepoker看... 我来教教大家!wepoker看底牌,约局吧德州可以透视吗,揭秘攻略(有挂透视)1、不需要AI权限,帮...
记者揭秘!epoker透视底牌... 记者揭秘!epoker透视底牌,大菠萝辅助器,2025教程(有挂方法);玩家必备必赢加哟《13670...
教程攻略!pokemmo辅助器... 1、教程攻略!pokemmo辅助器手机版下载,智星德州插件2024最新版,玩家教程(有挂技巧)2、进...
玩家交流!hhpoker必备开... 玩家交流!hhpoker必备开挂,wepoker有没有辅助,微扑克教程(有挂攻略);1分钟了解详细教...
一分钟教会你!wepoker有... 一分钟教会你!wepoker有辅助器吗,约局吧怎么看有没有挂,微扑克教程(有挂透明);致您一封信;亲...
盘点一款!aa poker辅助... 盘点一款!aa poker辅助包,pokemmo手机辅助软件,系统教程(有挂攻略);亲真的是有正版授...
玩家必备教程!wejoker辅... 1、玩家必备教程!wejoker辅助软件价格,德普之星辅助器怎么用,我来教教你(有挂透视)(UU p...