Skip to main content

Respuestas populares con la etiqueta

8 votos
Aceptado

Actualizar contenido al cambiar la el parametro de la URL con routerLink en Angular 7

Lo primero de todo es entender el ciclo de vida de los componentes de Angular, así que aquí te dejo un artículo que lo explica en detalle. Yo me centraré aquí en lo importante: Angular no destruye un ...
Avatar del usuario Pablo Lozano
  • 49.9k
3 votos
Aceptado

Detectar cambios de un router en angular

Te deberías subscribir en el ngOnInit, o en el constructor, yo la función que uso para detectar los cambios de ruta es el router.events y filtrando por NavigationEnd. Y no esta mal que te desuscribas ...
Avatar del usuario Eduardo Jaramillo Licea
3 votos
Aceptado

Parámetros opcionales en rutas angular

En las rutas el caracter ? no hace que el parámetro sea opcional sino que se convierte en un caracter más del nombre del parámetro. Para lograr lo que deseas puedes usar dos rutas, una con parámetro y ...
Avatar del usuario Lobos
  • 16.4k
3 votos
Aceptado

Misma ruta, diferentes parámetros para mismo componente Angular

En lugar de usar el snapshot, que te devuelve el valor estático en el momento que lo llamas, te puedes suscribir a route.params , que te proporciona un observable que emite un valor cada vez que los ...
Avatar del usuario David Silva
  • 1,305
3 votos

routerLink volver atrás

Esto es lo que estabas buscando en realidad: HTML: <button mat-raised-button (click)="goBack()">Volver</button> .TS: goBack() { this.router.navigate(['/tuRuta']); } Tienes que ...
Avatar del usuario Fernando Lugo
2 votos

routerLink volver atrás

Intenta usando el service Location de la siguiente manera import { Location } from '@angular/common'; constructor(private _location: Location) {} goBack(){ this._location.back(); } <...
Avatar del usuario LordOfLies
1 voto
Aceptado

Doble router-outlet en angular en distintas páginas

Para tener varios router-outlet lo que puedes hacer es tener varios módulos y cargarlos (no se si exista otra forma) AppRoutingModule const routes: Routes = [ { path: 'auth', loadChildren: ()...
Avatar del usuario René
  • 1,248
1 voto

Guards en Angular: CanMatchFn y CanActivateFn

El código que compartiste está algo enredado y confuso, igual te comparto como usar Guards como funciones, prácticamente se repite el código así que tal vez puedas refactorizarlo. import { inject } ...
Avatar del usuario René
  • 1,248
1 voto
Aceptado

Recarga de rutas y componentes en angular

RouteReuseStrategy es un provider de Angular Nos brinda la estrategia que nos permite decidir qué componente de ruta puede vivir más allá de su enrutamiento, y qué componente de ruta está condenado ...
Avatar del usuario nestdan
  • 1,268
1 voto
Aceptado

Problema con el ruteo multiple de angular 12. Mantiene la ultima ruta y no inicia desde la raiz a buscar

Para navegar a un módulo que no está dentro de la ruta actual tienes que usar la ruta absoluta, es decir, indicarlo con la /. Si no por defecto, te cogerá como ruta padre la actual y le concatenará la ...
Avatar del usuario hawks
  • 3,522
1 voto

Angular problema al renderizar con router-outlet

Puedes tener nombrados varios <router-oulet> <router-outlet></router-outlet> <router-outlet name='left'></router-outlet> <router-outlet name='right'></router-...
Avatar del usuario Legna
  • 6,649
1 voto

¿Cómo enviar datos entre controladores en Angular 8 usando Route Parameters?

Si aun necesitas ayuda, te dejare un ejemplo de como podrías hacerlo. Aunque primero me gustaría mencionar que el paso de parametros por url es una mala practica ya que tienes visibles datos al ...
Avatar del usuario CristianDev
1 voto

captura de path ** angular 2 no funciona en servidor

Intenta algo asi: const appRoutes: RouterConfig = [ { path: "", redirect, redirectTo: "/home", pathMatch: "full", { path: "**", redirectTo: "/404", pathMatch: "full" }, { path: '404', ...
Avatar del usuario SEBASTIAN FERNANDEZ

Only top scored, non community-wiki answers of a minimum length are eligible