1

Como se podria hacer para navegar entre componentes, sin utilizar router-outlet, lo que quiero es al hacer click en un boton de un componente me lleve completamente hacia el otro componente, no solo me cambie la seccion del router-outlet.

Me explico un poco mejor. Tengo este codigo, cada uno de los enlaces router-link me carga el contenido en la etiqueta router-outlet.

<a md-raised-button routerLink="/principal" routerLinkActive="active">Principal</a>
<a md-raised-button routerLink="/login" routerLinkActive="active">Login</a>
<a md-raised-button routerLink="/acerca" fragment="shield">A cerca de</a>

<router-outlet></router-outlet>

Lo que se desea hacer es una navegación entre componentes, si hago click en el enlace login, me dirijo completamente hacia el componente de la ruta /login, no cambio el componente en el router-outlet.

3

2 respuestas 2

2

app.component.ts:

import { Router } from '@angular/router';

    constructor( private router: Router ) {}

--- En el metodo asociado al (click) del boton:

miMetodo(){
    this.router.navigate(['/MiComponente']);
}

Y lógicamente la ruta tiene que estar asociada a un componente en el app.routing.ts:

import { MiComponente } from './mi.componente';

const appRoutes: Routes = [
  { path: 'MiComponente', component: MiComponente }
];

export const AppRouting: ModuleWithProviders = RouterModule.forRoot(appRoutes);
2
  • La respuesta contestaba la pregunta antes de la edición , ahora ha perdido el sentido. ¿Has probado a meter el router-outlet en un div y controlar la visivlidad con un Hidden?
    – KarlosCode
    Commented el 4 mar. 2017 a las 19:26
  • Gracias por la respuesta y tienes toda la razón, ahora ya no aplicaría para la pregunta. Y por lo que ahora comentas no seria muy optimo cargar componentes que no se van a ver, quisiera cambiar totalmente el componente o en su defecto, navegar entre paginas con componentes específicos.
    – rvladimir
    Commented el 6 mar. 2017 a las 2:44
0

Para lo que comentas en tu pregunta, deberías tener un router-outlet por encima de ese código, y que dependiendo de la ruta enseñe o esos componentes, u otra página totalmente distinta, pero el router router-outlet tal y como lo tienes, todas las redirecciones de componentes serán cargadas ahí.

2
  • Tienes algún ejemplo de muestra en el que me pueda guiar. Lo que comentas ya lo habia intentado pero me da la misma funcionalidad.
    – rvladimir
    Commented el 6 mar. 2017 a las 2:34
  • No tengo nada preparado, pero si puedes subir tu ejemplo a un plunk o algun sitio similar, te lo modifico y te lo resubo ;) Commented el 6 mar. 2017 a las 9:43

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.