angular - Angular中标签的href属性问题

Question

我正在使用 Angular 来开发路由器功能，所以这里是来自 JSON 的数据，在 footer.html 下面使用 *ngFor 用于重复列表 json list.details。但是在 ng-container 中，我没有使用任何 href 属性，但在图像（附加）中，您可以看到动态嵌入了一些值，为此我的路由器无法正常工作：

details: {
    icon: "fa fa-google-wallet  light-blue-text",
    ref: "",
    name: "PIM",
    routeslink: "certificate"
}

但问题是当路由器更改 url 时它反映在 html 上，这是我不想要的。

<ul class="no-list-bullet">
    <li *ngFor="let items of list.details">
<i class="{{items.icon}}"></i> 
<a target="_blank" href="{{items.ref}}" *ngIf="items.ref !== '';else second">{{items.name}}</a>
<ng-template #second>
   <ng-container><a [routerLink]="[items.routeslink]" href="javascript:void()">{{items.name}}</a></ng-container>
   </ng-template>

Answer 1

你需要使链接绝对

<ng-container><a [routerLink]="['/', items.routeslink]">{{items.name}}</a></ng-container>

Answer 2

使用routerlink的时候不用加href就可以直接这样使用

<a [routerLink]="['/', items.routeslink]">{{items.name}}</a>