angular - 根据条件使用 routerlink 或 href

Question

我在组件中有这段代码

<a *ngFor="let item of config.socialLinks" [routerLink]="[item.url]">
...
</a>

这在使用 app.component 中定义的本地路由时按预期工作，但当外部路由重定向到 http:localhost:5555 | http://external.com 有没有办法将 routerLink 用于本地路由，将 href 用于外部路由？

Answer 1

那是因为，该指令[routerLink]仅适用于内部路由系统，外部链接应声明href如下：

<a *ngFor="let item of config.socialLinks" href="{{item.url}}"></a>

享受。