Angular 7 app正常锚链不起作用

Question

在我的angular应用程序中，对于url，我呈现了一些(静态) http://example.com/bar-foo，这是我从API接收到的。

在该内容中有这样一个链接

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

所以它所做的就是将查询参数添加到url中。然而，我不明白为什么，当我单击该链接时，什么也没有发生

我曾尝试在stackblitz中重现它，但没有成功(因为链接工作正常)。有什么建议，这个链接不起作用的原因可能是什么？

更新:如果进行了一点调试，我注意到当我点击not-responding链接时，它确实在zonde.js内部触发了一些东西

​

​

我想它会调用执行event.preventDefault()的回调函数。我不确定为什么zonejs在我的情况下要这样做。

Answer 1

您在Stackblitz中添加了此路由。你在你的项目中也添加了这条路线吗？

const appRoutes: Routes = [
  { path: 'test', component: TestComponent }
];

您的浏览器控制台上应该会出现错误。我们能得到那个错误信息吗？

此外，您还必须像这样使用路由：

<a [routeLink]="['/bar-foo']" [queryParams]="{show:'1'}">Show</a>

Answer 2

点击你在路径后面写的像‘

• if’这样的查询，parameters
• **you就可以尝试(？show=1)=“showHtml()”里面的锚标签并调用API。**

并像这样运行

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

Answer 3

也许在从API获取静态HTML并将其注入angular组件的过程中，静态HTML被(无意地)编码/转义/杀毒？

您能提供更多细节/代码片段，说明您的应用程序如何准确地获取和注入带有非功能链接的静态HTML吗？