如何将 routerLink 转换为 href？ [关闭]

Posted 2023-03-05

【中文标题】如何将 routerLink 转换为 href？ [关闭]

【英文标题】：How can I convert routerLink to href? [closed]

【发布时间】：2021-03-27 14:36:12

【问题描述】：

我很难在 href 中转换 routerLink。

 <a [routerLink]="['/pick',id:sizzle.parameter,type:food]"

我试过了，但它给了我错误

<a [href]="'/pick'+id:sizzle.parameter+type:food"

【问题讨论】：

如果你想使用路由器，那么你必须使用routerLink而不是href

我在使用 routerLink 时遇到数据加载问题，所以我想使用 href

pixelbits 是正确的：if you want to use router, then you have to use routerLink not href。 <a [href]=... 是完全错误的。请澄清究竟是什么不起作用。如果可能，复制/粘贴准确的错误消息（例如来自 Chrome 开发者工具）。

@user12707940 这是一个XY problem。如果您在让 routerLink 工作时遇到问题，您应该询问这个问题，而不是您认为的解决方案。

好的，事情就是这样，在我的项目中，有一个角度组件，其中包含标题上的 2 个选项卡。每个标题都有不同的数据。单击第一个选项卡时，数据正确显示，但单击第二个选项卡时，数据未呈现。在刷新页面时，我得到了第二个选项卡的数据。这就是我打算使用 href

的原因

【参考方案1】：

您应该为此使用 routerLink。比如这样：

 <a [routerLink]="['/pick']" [queryParams]="id: 1, food: 'pizza'">Touch me</a>

【讨论】：

你的意思是 href 代替 routerLink 对吧？

我的意思是。不要在 Angular 中使用 href。除非您想访问外部站点，例如***.com/">***</a>

@user12707940 href会在使用routerLink时自动创建

好的，事情就是这样，在我的项目中，有一个角度组件，其中包含标题上的 2 个选项卡。每个标题都有不同的数据。单击第一个选项卡时，数据正确显示，但单击第二个选项卡时，数据未呈现。在刷新页面时，我得到了第二个选项卡的数据。这就是我打算使用 href

的原因

不，谢谢 :) 我认为您应该尝试在 stackblitz 中创建一个最小的示例。然后你应该考虑一下确切的问题是什么 - 然后在这里创建一个关于堆栈溢出的新问题，并使用足够的代码/上下文来完全理解你的问题。