Articles of angular2 routing

Cómo usar el signo de interrogación en URl usando angular 2

Soy nuevo en Angular 2 Aquí, se muestra el código del enrutador donde se mostrará mi url. Código de enrutador Ahora, cuando ejecuto ese código, la url se ve así. localhost: 50465 / promotion% 3Fid% 3D / 51059 En esa url, muestre% 3F en lugar de un signo de interrogación (?) Y% 3D en lugar […]

Angular 2 establece dinámicamente routerLink utilizando una propiedad de componente

Creé un componente que contiene un elemento con una propiedad routerLink que quiero establecer desde una plantilla que usa el componente. Cuando bash hacer esto, aparece el post de error "No se puede leer la propiedad 'ruta' de indefinido '. Mi componente parece vincular esto: info-box.component.ts import { Input, Component } from "@angular/core"; import { […]

Solicitud de ruta de interceptación con enrutador angular 2

Con el enrutador angular 2 me gustaría capturar un evento cuando se solicita que se active una ruta. En Angular 1.x, utilicé $ locationChangeSuccess y luego verifiqué si el usuario había iniciado session o no. Necesito hacer algo similar con Angular 2, por lo que puedo networkingirigir a un usuario a una pantalla de inicio […]

Angular2: el enrutador no está rellenando parameters

Entonces, estoy perdiendo la cabeza por esto Tengo una página con muchos componentes … pero por alguna razón estoy teniendo problemas con uno … es para la búsqueda de networking en el encabezado de la página … para fines de debugging, lo dejé al mínimo, y aún no funciona Este es mi componente de búsqueda […]

Cómo prevenir la mutación de object / matriz

He estado tratando de resolver problemas extraños y finalmente descubrí por qué está sucediendo. Simplemente no estoy seguro de cómo evitarlo (; tengo esta function: getInfo(id) { id = id || "zero"; let i = routeDefinitions.findIndex(r => Boolean(r.name.toLowerCase().match(id))); // console.log(i) – works in plunker // but in my app sometimes returns -1… let current = […]

¿Cómo se previene el componente padre a recargar en angular 2 en el routing?

En mi proyecto, uso componentes principales. En la plantilla de componentes padres disponible <router-outlet></router-outlet> . Archivos de routing: app.routing.ts: import { Routes, RouterModule } from '@angular/router'; import { LoginComponent } from './login/login.component'; import { CanDeactivateGuard } from './can-deactivate-guard.service'; export const appRoutes: Routes = [{ path: 'login', component: LoginComponent }, { path: '', networkingirectTo: '/home', pathMatch: […]

El button avanzar / retroceder historial no funciona con enrutador angular 2

El button de avance / retroceso del historial (estado de inserción) no funciona con el enrutador angular 2. Lo he probado tanto en Chrome como en Firefox. El button Adelante no funciona nunca y el button Atrás funciona solo durante 2 pasos que la IU no responde de acuerdo con el button hacia atrás. Tengo […]

Enrutamiento en angular 2

Tengo dudas sobre el routing en angular2. Tengo una pantalla de inicio de session. Después del panel de inicio de session y otras páginas, el encabezado y el pie de página no estarán en el inicio de session. const routes: Routes = [ { path:'', networkingirectTo: '/login', pathMatch: 'full' }, { path:'login', loadChildren: './auth/auth.module#AuthModule', }, […]

Rutas angulares 2: ¿es posible crear enlaces de enrutador dynamics a partir de routes, utilizando un ngFor?

Me gustaría tomar todas las routes en un module específico que tenga una ruta definida, y usar ngFor para recorrerlas y crear una list dinámica de enlaces en mi componente html. ngPor ejemplo (overview.component.html): <li *ngFor="let item of items; let i = index;"> <a routerLink="/{route.path}">{route.path}</a> </li> Ejemplo de module (base.module.ts): … const routerConfig = [ […]

Angular 2 Child Routing (v3) 'No se puede leer la propiedad' annotations 'of undefined'

Intento jugar en Angular 2 y ejecutar una aplicación de testing, pero tengo algunos problemas para que la ruta funcione en la última versión del enrutador (3.0.0 alpha-7). main.ts: import {bootstrap} from '@angular/platform-browser-dynamic'; import {AppComponent} from './app.component'; import {APP_ROUTER_PROVIDERS} from './app.routes'; bootstrap(AppComponent, [APP_ROUTER_PROVIDERS]); app.component.ts: import {Component} from '@angular/core'; import {ROUTER_DIRECTIVES} from '@angular/router'; @Component({ selector: 'my-app', […]