Articles of angular angular

¿Cómo puedo detectar que el usuario navegue nuevamente en Angular2?

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 […]

El enrutamiento Angular2 / deep linking no funciona con Apache 404

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 […]

Validador de correo genérico en Angular2

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

Obteniendo Imagen de API en Angular 4/5 +?

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 […]

Angular2 router.navigate página de actualización

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 […]

¿Es posible el paso de objetos angular 2 a través de parametros de ruta?

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** `, […]

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 […]