Tengo un componente y necesito detectar si el usuario presionó el botón Atrás en su navegador para navegar de nuevo. Actualmente estoy suscribiendo eventos de enrutador. constructor(private router: Router, private activatedRoute: ActivatedRoute) { this.routerSubscription = router.events .subscribe(event => { // if (event.navigatesBack()) … }); } Sé que puedo usar window.onpopstate pero se siente como un […]
Estoy siguiendo los ejemplos de enrutamiento Angular 2. Utilizando el servidor web “lite” puedo navegar desde la raíz y trabajos de enlaces profundos, pero al usar Apache puedo navegar desde la raíz, pero obtengo los errores 404 No Encontrado cuando sigo enlaces directos a las rutas. Por ejemplo, la siguiente URL funciona contra el servidor […]
Quiero crear un formulario donde el usuario ingrese su correo. Me gustaría validar el formato de correo del lado del cliente. ¿Hay algún validador de correo genérico en Angular2? NB: algo similar al validador de angularjs: https://docs.angularjs.org/api/ng/input/input%5Bemail%5D
Tengo una nueva versión para desarrollar Angular 4. Tengo un problema pendiente al obtener una respuesta de API sobre la imagen de visualización. En API, un archivo de imagen tiene un archivo de entrada de flujo, no sé cómo recuperarlo y mostrarlo correctamente. ¿Alguien puede resolverlo? Intenté esto: Image.Component.ts: this.http.get(‘http://localhost:8080/xxx/download/file/596fba76ed18aa54e4f80769’) .subscribe((response) => { var blob […]
Así es como se ven las rutas y los componentes: routes.config export const routes: RouterConfig = [ { path: ‘users’, component: UsersComponent, canActivate: [AuthGuard] }, { path: ‘users/new’, component: NewUserComponent }, ]; new-user.component addField(newName: string){ this.items.push({ name: newName, }) this._router.navigate([‘/users’]) ¿Se supone que Angular2 debe actualizar la página en enrutador.navigate? ¿Qué más usar en lugar […]
Podría usar algunos consejos sobre cómo abordar este problema al que me estoy enfrentando. Para explicar esto lo mejor posible para ti, he creado un componente principal: @Component({ selector: ‘main-component’, providers: […FORM_PROVIDERS, MainService, MainQuoteComponent], directives: […ROUTER_DIRECTIVES, CORE_DIRECTIVES, RouterOutlet, MainQuoteComponent ], styles: [` agent { display: block; } `], pipes: [], template: ` **Html hidden** `, […]
¿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({ … […]
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 […]
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?
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 […]