離子/角度：錯誤：無法匹配任何路線。 URL段

Question

當我想從列表中的組件打開詳細視圖時，出現此錯誤。 我正在使用Ionic 4。

錯誤錯誤：未捕獲（承諾）：錯誤：無法匹配任何路由。 網址段：“ algodetail”

我發現了很多與此錯誤有關的主題，但沒有找到解決方案。 我不確定，也許只是拼寫錯誤？

列表視圖：

<ion-content padding>
  <ion-card *ngFor="let algo of algoList | async" routerLink="/algodetail/{{algo.id}}">
    <ion-card-header>
      {{ algo.title }}
    </ion-card-header>
  </ion-card>
</ion-content>

app-routing.module.ts中的路由：

const routes: Routes = [
  { path: '', loadChildren: './tabs/tabs.module#TabsPageModule' },
  { path: 'algodetail/:id', loadChildren: './algodetail/algodetail.module#AlgodetailPageModule' } 
];

algodetail.page.ts：

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import { Algo } from '../models/algo';
import { FirestoreService } from '../services/data/firestore.service';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-algodetail',
  templateUrl: './algodetail.page.html',
  styleUrls: ['./algodetail.page.scss'],
})
export class AlgodetailPage implements OnInit {
  public algo: Observable<Algo>

  constructor(private firestoreService: FirestoreService, private route: ActivatedRoute ) { 

  }

  ngOnInit() {

  }

}

algodetail.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';

import { AlgodetailPage } from './algodetail.page';

const routes: Routes = [
  {
    path: '',
    component: AlgodetailPage
  }
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild(routes)
  ],
  declarations: [AlgodetailPage]
})
export class AlgodetailPageModule {}

我的檔案系統

Answer 1

查看錯誤消息，似乎未設置ID。 如果您在路由上啟用enableTracing，它會為您提供更多信息嗎？ 您可以確認確實為該路由設置了id值嗎？

Answer 2

我的解決方案：
一入列表頁面
構造函數（專用路由器：路由器）{}
b方法：this.router.navigateByUrl（'/ algodetail /'+ paramValue）;

2-詳細頁面
一個構造函數（專用路由器：ActivatedRoute）{}
b獲取值：this.router.snapshot.params.paramValue;