Verwenden Router oder href basiert auf Bedingung

Question

Ich habe dieses Stück Code in einer Komponente

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

Dies funktioniert wie erwartet, wenn die lokalen Routen verwendet, die in der app.component definiert sind, aber wenn externe Routen es Umleitungen an http: localhost: 5555 | http://external.com Gibt es eine Möglichkeit, routerLink für lokale Routen und href für externe Routen zu verwenden?

Answer 1

Das liegt daran, dass die Richtlinie [routerLink] nur für internes Wegesystem ist, und externe Links sollten in den href wie diese declarated werden:

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

Genießen.