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 ...
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 ...
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 ...
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 ...
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 ...
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();
}
<...
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: ()...
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 } ...
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 ...
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 ...
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-...
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 ...
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', ...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
angular-router × 38angular × 34
typescript × 7
router × 6
javascript × 5
angular7 × 5
html × 3
routing × 3
ionic × 2
rutas × 2
redirección × 2
angular8 × 2
frontend × 2
php × 1
css × 1
firebase × 1
modal × 1
angular5 × 1
input × 1
cors × 1
parametros × 1
component × 1
deployment × 1
font-awesome × 1
rxjs × 1