angular - Angular 7应用程序正常锚链接不起作用

Question

在我的 Angular 应用程序中，对于 url，http://example.com/bar-foo我呈现了一些从 API 接收的（静态）HTML

在那个内容里面有这个链接

<a href="/bar-foo?show=1">Show</a>

所以它的作用是将查询参数添加到 url。但是，我不明白为什么，当我单击该链接时没有任何反应

我试图在stackblitz中重现它但没有成功（因为链接有效）。任何建议可能是该链接不起作用的原因是什么？

更新：如果进行一些调试，我注意到当我单击没有响应的链接时，它确实会触发内部的某些东西zonde.js

我认为这会调用那个回调event.preventDefault()。我不确定为什么 zonejs 在我的情况下会这样做

标签： angular

Answer 1

• 如果您在路径后写成 '?show=1' 这样就可以将其视为查询参数
• **您可以在锚标签内尝试 (click)="showHtml()" 并调用 API。**

和这样的功能

showHtml(){
//---API Code And result render it on html page
}