Diskuze: Angular 7 router navigation s možnými parametry
Zobrazeno 3 zpráv z 3.
Ahoj,
předpokládám, že řešení:
<a [routerLink]="['/Person', person.id]">Person</a>ti nevyhovuje, pokud to chceš řešit i nadále předáváním parametrů, tak řekni a zkusíme na něco přijít.
Osobně bych doporučil využít SERVICE, což může působit jako třída SINGLETON a změnu stránky vyvoláš v kódu komponenty a ještě předtím do dané SERVICE si uložíš tvá data v objektu třeba.
Pak na nové stránce jen zavoláš danou SERVICE a získáš data.
Víš jak to myslím?
constructor(
private dataService: DataService,
private router: Router
) {}
onPageChange() {
let data = .... ; {tvuj objekt se vsemi daty, ktere chces prenaset}
this.dataService.SetData(data);
//redirect na route se spravnou adresou
this.router.navigate(["/detail"]);
}Nezapomen na importy a dana service, aby byla jen jedinna instance, a data tudiz vsude dostupna, tak je treba ji implementovat treba v app module {hlavnim modulu}
Viz cast app modulu
imports: [
BrowserModule,
HttpModule,
HttpClientModule,
BrowserAnimationsModule,
ToastrModule.forRoot(),
SharedModule,
RouterModule.forRoot([
{ path: '', component: AppComponent },
// { path: 'administration', component: AdmMainComponent },
{ path: '*', component: AppComponent }
], { useHash: true })
],
providers: [ManagerService, UploadManagerService, DateValidators, {SEM DAS JMENO TVE SERVICE}],
bootstrap: [NewAppMainComponent],
entryComponents: [Snad jsem ti pomohl.
Ahoj, jde to zařídit pomocí parametrů Routy.
this._route.params.subscribe(params => this._handleParams(params));Tohle je přihlášení odběru ke změně parametrů na dané routě.
Potom, když budeš chtít ty parametry měnit, tak se vlastně budeš navigovat jakoby na novou stránku. Změna bude ale pouze v těchto parametrech.
this.formOrderBy.valueChanges.subscribe(change => {
const orderBy = change['orderBy'];
this._storage.set('orderBy', orderBy);
const groupBy = this._route.snapshot.params['groupBy'] || this._storage.get('groupBy') || 'none';
const orderType = this._route.snapshot.params['orderType'] || this._storage.get('orderType') || 'ascending';
this._router.navigate([{'groupBy': groupBy, 'orderBy': orderBy, 'orderType': orderType}]);
});Takhle to Já používám k nastavení typu řazení záznamů.
V adresním řádků to pak bude vypadat následovně:
Zobrazeno 3 zpráv z 3.