如何在 Angular 中保留主题标签

Posted

技术标签:

【中文标题】如何在 Angular 中保留主题标签【英文标题】:How to keep hashtag in Angular 【发布时间】:2022-01-09 17:56:13 【问题描述】:

我正在使用 Angular 进行开发,每次手动输入网址时,主题标签都会被删除。

示例:

mywebsite.com/some/url#anchor-id 当我输入回车时,它确实将其更改为mywebsite.com/some/url

我看了看,我不知道为什么 Angular 会删除这个标签。 我必须更改项目配置中的某些内容吗?

已经看过 useHash: true 但这没有帮助。

【问题讨论】:

【参考方案1】:

经过长时间的搜索...

Angular 对此没有任何配置。

问题

在每条路线上,我确实将页面的语言添加到位置 -> mywebsite.com/some/url 将变为 mywebsite.com/en/some/url

这是代码

this.location.replaceState(`/$this.selectedLang$this.location.path()`)

解决办法

location.path() 方法确实接受一个变量 -> includeHash?: boolean | undefined 传递 true -> location.path(true) 然后将返回预期的 url。

所以,这就是解决方案...

this.location.replaceState(`/$this.selectedLang$this.location.path(true)`)

【讨论】:

以上是关于如何在 Angular 中保留主题标签的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Angular2 的 CSS 中使用材质主题颜色?

如何在 kafka 中查看特定主题的保留情况

如何保留主题 ID,在 TableViewCell 中标记为已完成

如何在 Angular 5 中重新加载后保留服务数据

如何添加本地存储以在 Gatsby 中保留暗模式主题

在 Angular 1.5 中刷新浏览器时如何保留相同的页面?