Используйте 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>

Наслаждаться.