Articles of angular2 routing

Risoluzione del router angular 2 con Osservabile

Dopo il rilascio di Angular 2 RC.5 è stata introdotta la risoluzione del router. Qui esempio dimostrato con Promise, come fare lo stesso se faccio richiesta al server con Observable? search.service.ts … searchFields(id: number) { return this.http.get(`http://url.to.api/${id}`).map(res => res.json()); } … search-resolve.service.ts import { Injectable } from ‘@angular/core’; import { Router, Resolve, ActivatedRouteSnapshot } from […]

Come passare i parametri di query con un routerLink nel nuovo router V 3 alpha (vladivostok)

Voglio passare un parametro di query prop=xxx . Questo non ha funzionato Somewhere

Come utilizzare HashLocationStrategy con il widget Lock di Auth0 per l’accesso dell’utente

Dopo aver aggiornato l’ esempio di accesso Auth0 per utilizzare HashLocationStrategy in app.module.ts : import { LocationStrategy, HashLocationStrategy } from ‘@angular/common’; // (…) @NgModule({ providers: [ {provide: LocationStrategy, useClass: HashLocationStrategy}, appRoutingProviders, AUTH_PROVIDERS ], //(…) L’evento authenticated Auth0 Lock non viene più generato: import { Injectable } from ‘@angular/core’; import { tokenNotExpired } from ‘angular2-jwt’; // […]

Scorrimento automatico in Angular 2

Sto riscontrando un problema con Angular 2 in cui il passaggio da una rotta all’altra non scorre automaticamente verso la parte superiore della nuova vista. Mi rendo conto che Angular 1 consentiva di aggiungere una proprietà di autoscroll ad un elemento HTML, e altri avevano escogitato un semplice javascript (come window.scroll(0, 0) ) per forzare […]

Router Angular2, ottieni i dati del percorso dall’URL per visualizzare i breadcrumb

Sto usando il router angular2 . Per disegnare il pangrattato di un URL, diciamo site.com/a/b/c/15 faccio quanto segue: Ottieni il percorso di site.com/a/b/c/15 e ottieni il bel nome associato al percorso Ottieni il percorso di site.com/a/b/c e ottieni il bel nome associato al percorso Ottieni il percorso di site.com/a/b e ottieni il bel nome associato […]

Come determinare l’URL della pagina precedente in Angolare?

Supponiamo che io sia attualmente sulla pagina che ha l’URL /user/:id . Ora da questa pagina vado alla pagina successiva :id/posts . Ora c’è un modo, in modo che io possa controllare qual è l’URL precedente, cioè /user/:id . Di seguito sono i miei percorsi export const routes: Routes = [ { path: ‘user/:id’, component: […]

Come posso rilevare l’utente che torna indietro in Angular2?

Ho un componente e ho bisogno di rilevare se l’utente ha premuto il pulsante Indietro nel suo browser per tornare indietro. Attualmente sto iscrivendo eventi del router. constructor(private router: Router, private activatedRoute: ActivatedRoute) { this.routerSubscription = router.events .subscribe(event => { // if (event.navigatesBack()) … }); } So che posso usare window.onpopstate ma si sente come […]

Il routing / deep linking Angular2 non funziona con Apache 404

Sto seguendo gli esempi di routing Angular 2. Usando il server web “lite” sono in grado di navigare dal root e il deep linking funziona, ma usando Apache I posso navigare dalla root, ma ottengo gli errori 404 Not Found quando segui i link diretti ai percorsi. Ad esempio il seguente URL funziona contro il […]

Angular2 router.avvia la pagina di aggiornamento

Ecco come appaiono i percorsi e il componente: 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’]) Angular2 dovrebbe aggiornare la pagina su router.navigate? Che altro da usare al posto di router.navigate per evitare […]

È ansible un object angular a 2 passaggi tramite parametri di percorso?

Potrei usare qualche consiglio su come affrontare questo problema che sto affrontando. Per spiegare questo meglio ansible per te ho creato un componente principale: @Component({ selector: ‘main-component’, providers: […FORM_PROVIDERS, MainService, MainQuoteComponent], directives: […ROUTER_DIRECTIVES, CORE_DIRECTIVES, RouterOutlet, MainQuoteComponent ], styles: [` agent { display: block; } `], pipes: [], template: ` **Html hidden** `, bindings: [MainService], }) […]