Preguntas etiquetadas con angular2-routing

Estoy creando un sitio web de bienes raíces usando Angular 2, Google Maps, etc. y cuando un usuario cambia el centro del mapa, realizo una búsqueda en la API que indica la posición actual del mapa y el radio. La cosa es que quiero reflejar esos valores en la URL …

114 javascript  angular  routes  angular2-routing 

Me gustaría advertir a los usuarios de los cambios no guardados antes de que abandonen una página en particular de mi aplicación angular 2. Normalmente lo usaría window.onbeforeunload, pero eso no funciona para aplicaciones de una sola página. Descubrí que en angular 1, puedes conectarte al $locationChangeStartevento para lanzar una …

112 angular  angular2-routing 

Hemos hecho una configuración de proyecto angular2 y dentro de eso creamos un módulo (my-module) y dentro de ese módulo creamos un componente (my-new-component) usando los siguientes comandos cmd: ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component Después de crear la configuración y todos los …

111 unit-testing  angular  karma-jasmine  angular2-routing  angular-cli 

Tengo un componente principal que va al servidor y busca un objeto: // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => { console.log(err); …

103 angular  dependency-injection  angular2-routing 

Estoy trabajando en una aplicación que tiene muchos roles que necesito para usar guardias para bloquear la navegación a partes de la aplicación según esos roles. Me doy cuenta de que puedo crear clases de guardia individuales para cada rol, pero prefiero tener una clase a la que de alguna …

102 angular  typescript  angular2-routing 

Supongamos que estoy en la página que tiene la URL /user/:id. Ahora desde esta página navego a la página siguiente :id/posts. Ahora, ¿hay alguna manera de que pueda verificar cuál es la URL anterior /user/:id? Abajo están mis rutas export const routes: Routes = [ { path: 'user/:id', component: UserProfileComponent …

100 angular  angular2-routing 

Tengo un proyecto mvc 5 con una interfaz angular. Quería agregar enrutamiento como se describe en este tutorial https://angular.io/guide/router . Entonces en mi _Layout.cshtmlagregué un <base href="/"> y creé mi enrutamiento en mi módulo de aplicación. Pero cuando ejecuto esto, aparece el siguiente error: Error: Template parse errors: 'router-outlet' is …

98 angular  typescript  asp.net-mvc-5  angular2-routing 

Tengo un AuthGuard (utilizado para enrutamiento) que implementa CanActivate . canActivate() { return this.loginService.isLoggedIn(); } Mi problema es que el resultado de CanActivate depende de un http-get-result; el LoginService devuelve un Observable . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } ¿Cómo puedo unirlos? ¿Hacer que CanActivate dependa de un estado …

94 angular  angular2-routing  angular2-http 

Estoy probando un componente que se usa para editar un objeto. El objeto tiene una característica única idque se usa para tomar el objeto específico de una matriz de objetos que están alojados en un servicio. El específico idse obtiene a través de un parámetro que se pasa a través …

93 unit-testing  angular  angular2-routing  angular2-testing 

Cerrado . Esta pregunta necesita detalles o claridad . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Agrega detalles y aclara el problema editando esta publicación . Cerrado hace 3 años . Mejora esta pregunta ¿Cómo puedo recargar la página actual en Angular 2? si iam en la página 2 …

85 angular  refresh  angular2-routing  reload  page-refresh 

Ruta const appRoutes: Routes = [ { path: '', redirectTo: '/companies/unionbank', pathMatch: 'full'}, { path: 'companies/:bank', component: BanksComponent }, { path: '**', redirectTo: '/companies/unionbank' } ] Componente const NAVBAR = [ { name: 'Banks', submenu: [ { routelink: '/companies/unionbank', name: 'Union Bank' }, { routelink: '/companies/metrobank', name: 'Metro Bank' }, …

84 angular  angular2-routing 

Estoy tratando de usar los protectores del enrutador Angular2 para restringir el acceso a algunas páginas en mi aplicación. Estoy usando Firebase Authentication. Para verificar si un usuario ha iniciado sesión con Firebase, tengo que llamar .subscribe()al FirebaseAuthobjeto con una devolución de llamada. Este es el código para el guardia: …

82 typescript  angular  angular2-routing 

¿Es posible tener múltiples enrutadores en la misma plantilla? Si es así, ¿cómo configurar las rutas? Estoy usando angular2 beta.

81 angular  angular2-routing  angular2-template 

Creé rutas con caminos infantiles profundos. Añadí <router-outlet>a la AdminComponent componente que he envuelto en NgModule. Pero después de actualizar la página recibí este error: 'router-outlet' is not a known element Tal vez ocurrió porque olvidé importar algún módulo a admin.module.ts Por favor ayuda. Gracias. app.routes.ts export const routes: Routes …

79 angular  angular2-routing 

¿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 el ParentComponent, puedo obtener fácilmente mi parámetro de nombre de usuario y configurar las rutas …

79 angular  angular2-routing