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