Tengo mi app.component.html
de esta forma:
<router-outlet>
<app-nav-bar> </app-nav-bar>
<app-slider> </app-slider>
<app-body> </app-body>
<app-asesores> </app-asesores>
<app-emprendimiento> </app-emprendimiento>
<app-aliados> </app-aliados>
<app-footer> </app-footer>
</router-outlet>
Tengo un enlace de esta forma:
<div class="mr-2"> <a [routerLink]="['/franquiciaSea']" target="_blank" >Franquicia Sea</a> </div>
Ya hice la importación del módulo Router
y todo lo que necesito en el app.component.ts
y agregué la ruta así:
const appRoutes: Routes = [
{ path: 'franquiciaSea', component: FranquiciaSeaComponent }
];
Lo que quiero hacer es que al hacer clic en el enlace, me abra una nueva pestaña con solamente el contenido de la componente FranquiciaSea
, actualmente lo que hace es cargar todo lo que está en el app.component.html
y al final agrega el componente franquiciaSea
. ¿Cómo podría hacerlo?
<a href="tuservidotr/franquiciaSea" target="_blank">
recuerda que el routerLink es de angular con el codigo ya cargado en la web, probablemente falle no tengo documentacion como mostrartelo – JackNavaRow el 5 jul. 19 a las 15:30