Articles of angular angular

Obtener parámetros de consulta de ruta

Estoy intentando migrar de rc1 a rc4 y tengo problemas para obtener los parámetros de cadena de consulta. El objeto ActivatedRoute siempre está vacío. hero.component.ts import {Component, OnInit} from “@angular/core”; import {Control} from “@angular/common”; import {ROUTER_DIRECTIVES, ActivatedRoute} from ‘@angular/router’; @Component({ template: ‘../partials/main.html’, directives: [ROUTER_DIRECTIVES] }) export class HeroComponent implements OnInit { constructor(private _activatedRoute: activatedRoute) { […]

Nueva configuración de enrutador Angular2

Cuando usaba el enrutador obsoleto, pude hacer un router.config y pasar un objeto. La cosa es que el enrutador se configuró un poco después de que se inició la aplicación, el objeto tenía la misma “plantilla” que si hubiera usado @RouterConfig. Lo que estoy buscando es si hay una forma de configurar el nuevo enrutador […]

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