单击具有 href 属性的 <a> 标记答案

【问题标题】：Clicking on <a> tag with href attribute单击具有 href 属性的 <a> 标记
【发布时间】：2021-01-03 02:24:34
【问题描述】：

我写了以下代码：

<a target="_blank"  *ngIf="value.url" [href]="value.url">{{value.data  | translate | removeHTMLTags }}</a>

我的期望是在新标签上打开新实体。我检查了 value.url 并且是：/#/inquiry/5452

当我点击它时，它似乎无法点击。

在检查时它的外观：

我做错了什么？

我使用 Angular 8

【问题讨论】：

【解决方案1】：

问题是/#/inquiry/5452 不是一个有效的URL，它需要一个有效的URL。如果您的app-routing.module.ts 中有类似/inquiry/:id 的路径，请使用Angular RouterLink。

你应该创建这样的东西：

<a target="_blank"  *ngIf="value.url" [routerLink]="['inquiry', '5452']">{{value.data  | translate | removeHTMLTags }}</a>

【讨论】：