Angular路由,刷新页面仍然得到相同的数据
创始人
2024-10-28 06:01:08
0

Angular支持两种路由模式:HashLocationStrategy和PathLocationStrategy。默认情况下,它使用HashLocationStrategy,这意味着Angular路由器将应用程序URL转换为#后面的哈希片段,这不会触发页面刷新。

要使用PathLocationStrategy,首先需要在应用程序模块中导入“LocationStrategy”和“PathLocationStrategy”类,并将它们添加到提供商数组中:

import { NgModule } from '@angular/core'; import { LocationStrategy, PathLocationStrategy } from '@angular/common';

@NgModule({ providers: [ { provide: LocationStrategy, useClass: PathLocationStrategy } ] }) export class AppModule {}

然后,在主HTML文件中添加一个base标签以指定应用程序的基本URL,如下所示:

现在,当刷新页面时,路由器将使用浏览器的PathLocationStrategy,并重新加载相应的组件和数据。

相关内容

热门资讯

记者揭秘!云扑克辅助软件,cl... 记者揭秘!云扑克辅助软件,cloudpoker云扑克辅助,详细教程(有挂总结)-哔哩哔哩;WPK必备...
透明透视!微扑克发牌算法,智星... 透明透视!微扑克发牌算法,智星德州菠萝有人机,详细教程(有挂了解)-哔哩哔哩是一款可以让一直输的玩家...
一分钟揭秘!(WepOke)软... 一分钟揭秘!(WepOke)软件透明挂,gg扑克平台发牌机制,详细教程(有挂规律)-哔哩哔哩这是由厦...
实测分享!pokerx机器人,... 实测分享!pokerx机器人,impoker德州外挂,详细教程(有挂详情)-哔哩哔哩1、让任何用户在...
透视中牌率!德州aa辅助,来玩... 透视中牌率!德州aa辅助,来玩德州有外挂,详细教程(有挂了解)-哔哩哔哩;WPK必备黑科技是一款具有...
两分钟了解!微扑克加入俱乐部,... 两分钟了解!微扑克加入俱乐部,德州ai辅助神器下载,详细教程(有挂透明)-哔哩哔哩;黑科技是一款具有...
重大发现!(wEPOKE)软件... 重大发现!(wEPOKE)软件透明挂,GG扑克有多假,详细教程(有挂透明)-哔哩哔哩;wEPOKE黑...
透明肯定!德州wepower有... 透明肯定!德州wepower有外挂,鱼扑克fishpoker俱乐部辅助,详细教程(有挂攻略)-哔哩哔...
7分钟了解!红龙扑克有挂,wp... 7分钟了解!红龙扑克有挂,wpk到底有外挂,详细教程(有挂总结)-哔哩哔哩;(需添加指定薇75744...
2024教程!扑克时间辅助软件... 2024教程!扑克时间辅助软件,云扑克辅助软件,详细教程(有挂详情)-哔哩哔哩;支持2-10人实时对...