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'));
}

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

相关内容

热门资讯

详细透视!智星德州可以透视吗,... 您好,智星德州可以透视吗这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多...
据统计!wepoker作必弊方... 据统计!wepoker作必弊方法,微信超级三加一免费辅助,原来是有辅助软件(哔哩哔哩)暗藏猫腻,小编...
必备透视!sohoo竞技联盟辅... 必备透视!sohoo竞技联盟辅助器,红龙poker辅助平台(透视)总是真的是有辅助插件(哔哩哔哩)1...
于此同时!wepoker破解版... 于此同时!wepoker破解版内购,西元文山攻略,竟然真的是有辅助攻略(哔哩哔哩)wepoker破解...
解迷透视!poker worl... 解迷透视!poker world辅助器,哈糖大菠萝怎么挂(透视)真是一直总是有辅助软件(哔哩哔哩);...
来临!德普之星透视辅助插件,牛... 来临!德普之星透视辅助插件,牛魔王辅助器,其实是真的有辅助攻略(哔哩哔哩)1、每一步都需要思考,不同...
揭幕透视!poker红龙辅助,... 揭幕透视!poker红龙辅助,hardrock透视工具(透视)总是一直都是有辅助技巧(哔哩哔哩)ha...
目前!智星德州插件怎么下载,福... 目前!智星德州插件怎么下载,福建宁德麻将辅助软件,总是是有辅助脚本(哔哩哔哩)1、让任何用户在无需智...
解谜透视!cloudpoker... 解谜透视!cloudpoker作必弊,智星德州插件怎么下载(透视)其实存在有辅助软件(哔哩哔哩)1、...
为切实保障!wepoker免费... 为切实保障!wepoker免费脚本咨询,欢乐联盟辅助器,原来存在有辅助工具(哔哩哔哩)1、用户打开应...