Angular Иони c 4 Как правильно передать переменную с помощью Route - PullRequest
Новая
       5

Angular Иони c 4 Как правильно передать переменную с помощью Route

0 голосов
/ 20 января 2020

Я хочу получить переменную форму mov ie -list.page. html прямо на другую подстраницу с именем mov ie -series.

mov ie -list .page. html: 

<ion-content>
  <ion-list>
    <ion-item *ngFor="let item of items"  [routerLink]="['/movie-series', item.ThemaNr]" detail="false">
      <ion-icon name="albums" slot="start" [style.color] ="item.Farbe"></ion-icon>
      <ion-label>{{item.Name}}</ion-label>
      <ion-icon name="list" slot="end"></ion-icon>
    </ion-item>
  </ion-list>
</ion-content>

Что мне нужно сделать на подстранице 'mov ie -series', чтобы получить переменную item.ThemaNr? Должен ли я редактировать app-routing.module.ts раньше? Должен ли я добавить что-то в 'mov ie -series.page.ts', как это? -> 

constructor (
  private route: ActivatedRoute
) {
  let ThemaNr = this.route.snapshot.paramMap.get('ThemaNr');
}

А как мне теперь получить доступ к переменной в mov ie -series.page.ts?

Я немного запутался в правильной маршрутизации. В этом случае браузер выдает ошибку:

Ошибка: невозможно сопоставить ни один маршрут. Сегмент URL: 'mov ie -series / 2'

1 Ответ

0 голосов
/ 20 января 2020

из app-routing.module.ts -> 

import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  {
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'home',
    loadChildren: () => import('./home/home.module').then(m => m.HomePageModule)
  },
  {
    path: 'movie-list',
    loadChildren: () => import('./movie-list/movie-list.module').then(m => m.MovieListPageModule)
  },
  {
    path: 'rss',
    loadChildren: () => import('./rss/rss.module').then(m => m.RssPageModule)
  },
  {
    path: 'impressum',
    loadChildren: () => import('./impressum/impressum.module').then( m => m.ImpressumPageModule)
  },
  {
    path: 'movie-series',
    loadChildren: () => import('./movie-list/movie-series/movie-series.module').then( m => m.MovieSeriesPageModule)
  },

];

@NgModule({
  imports: [
    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
  ],
  exports: [RouterModule]
})
export class AppRoutingModule {}
...