Articles of angular angular

Angular 2: obtener RouteParams del componente principal

¿Cómo obtengo los RouteParams de un componente principal? App.ts : @Component({ … }) @RouteConfig([ {path: ‘/’, component: HomeComponent, as: ‘Home’}, {path: ‘/:username/…’, component: ParentComponent, as: ‘Parent’} ]) export class HomeComponent { … } Y luego, en ParentComponent , puedo obtener fácilmente mi nombre de usuario param y establecer las rutas secundarias. Parent.ts : @Component({ … […]

¿El Router Angular 2 está roto al usar rutas HTML5?

Esta syntax de rutas completamente nueva sonaba como buena para ser cierta y ahora estoy pensando que realmente es así. Dejé de intentar hacerlo funcionar y aquí me doy cuenta de que ni siquiera funciona el ejemplo principal en la página de Angular 2. Si abres el ejemplo en vivo y lo intentas simplemente haciendo […]

¿Cómo puedo deshabilitar condicionalmente el atributo routerLink?

En mi aplicación Angular 2 estoy tratando de desactivar un routerLink sin éxito. Intenté manejar el evento click en el evento click (con event.preventDefault() y event.stopPropagation() ) pero no funciona. ¿Cómo puedo desactivar un routerLink?

Angular2 – Interacción entre componentes usando un servicio

Tengo dos componentes A y B, donde el componente A contiene un botón. Deseo que cuando el usuario haga clic en este botón, active una función en el componente B Y el componente B se representa utilizando el enrutamiento. Estoy considerando utilizar un servicio con un booleano observable que indique si se hace clic en […]

Enrutamiento dynamic basado en datos externos

Estoy trabajando en una aplicación que necesita configurar rutas basadas en una fuente de datos externa. El ciclo de vida de la aplicación se ve así: ng2 inits con la aplicación La aplicación contiene encabezado, enrutador de salida y pie de página la ruta predeterminada está configurada para homeComponent homeComponent tiene categoríasListComponent categoriesListComponent llama a […]

Angular2: hace que las rutas de ruta sean insensibles a mayúsculas y minúsculas

Tengo la siguiente configuración de enrutamiento. @RouteConfig([ { path: ‘/home’, name: ‘Homepage’, component: HomepageComponent, useAsDefault: true } ) export class AppComponent { } cada vez que el navegador apunta /home esta ruta funciona, pero no para /Home o cualquier otra variante de caso. ¿Cómo puedo hacer que el enrutador dirija al componente sin preocuparse por […]

Uso de Resolve In Angular2 Routes

En Angular 1, mi configuración se ve así: $routeProvider .when(“/news”, { templateUrl: “newsView.html”, controller: “newsController”, resolve: { message: function(messageService){ return messageService.getMessage(); } } }) ¿Cómo usar resolver en Angular2?

Cómo cambiar diseños en Angular2

¿Cuál es la mejor manera de utilizar dos diseños completamente diferentes en la misma aplicación Angular2? Por ejemplo, en mi ruta / login, quiero tener un cuadro muy simple centrado horizontal y verticalmente, para cada otra ruta quiero mi plantilla completa con encabezado, contenido y pie de página.

Cómo obtener la ruta actual

Los documentos actuales solo hablan sobre cómo obtener parámetros de ruta, no sobre los segmentos de ruta reales. Por ejemplo, si quiero encontrar el padre de la ruta actual, ¿cómo es posible?

Cómo regresar la última página

¿Hay alguna forma inteligente de volver a la última página en Angular 2? Algo como this._router.navigate(LASTPAGE); Por ejemplo, la página C tiene un botón Volver atrás , Página A -> Página C, haga clic en él, vuelva a la página A. Página B -> Página C, haga clic en él, vuelva a la página B. […]