Angular Desarrollo web

Como utilizar target=”_blank” en un link con Angular

En un desarrollo estaba utilizando siempre botones para navegar pero surgio la necesidad de crear un link que se debe abrir en otra página. En este caso se debe realizar lo siguiente.

Primero se define la ruta.

//app.routes.ts

{ path: 'partido/:id', component: PartidosComponent },
Luego en el componente .html se lo detalla de la siguiente forma, donde lo que nos interesa es esto:
[routerLink]="['/', 'partido', calendario.fixture_id]"
El primer campo indica desde donde inicia la ruta en este caso desde la raiz del dominio: / , luego se detalla el nombre que se definio en la ruta en este caso: partido y finalmente el parámetro si es que se necesita: calendario.fixture_id
Se lo puede ver en funcionamiento en este sitio:
Fuente:
https://alligator.io/angular/navigation-routerlink-navigate-navigatebyurl/

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *