Angular Ionic 4如何使用Route正确传递变量答案

【问题标题】：Angular Ionic 4 How to pass a Variable correctly with RouteAngular Ionic 4如何使用Route正确传递变量
【发布时间】：2020-05-06 17:56:29
【问题描述】：

我想从movie-list.page.html 中直接获取另一个名为movie-series 的子页面。

movie-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>

我应该在“电影系列”子页面上做什么才能获得“item.ThemaNr” - 变量？我应该以前编辑'app-routing.module.ts吗？我应该像这样在'movie-series.page.ts'中添加一些东西吗？ -->

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

我现在如何访问movie-series.page.ts 中的变量？

我对正确路由有点困惑。此时浏览器报错：

错误：无法匹配任何路由。 URL 段：'movie-series/2'

【问题讨论】：

您能提供给我们您的路线吗？
您是说 app-routing.module.ts 吗？如下图...

标签： angular ionic-framework routing

【解决方案1】：

来自 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 {}

【讨论】：