angular - 使用 ID 调用我的 Angular 应用程序入口点时出现问题 - 无法匹配任何路由

Question

所以我的问题很基本，但由于某种原因，我无法让它工作:
我希望使用 ID 调用我的应用程序。就像是:myapplication.com/1234 - 其中 1234 是一个 ID。提供 Id 是启动组件的必要条件。
为此，我创建了两条路线:

export const appRoutes: Routes = [
  { path: ':id', redirectTo: 'start', pathMatch: 'full' },
  { path: 'start/:id', component: StartComponent },
];

我期望的行为是，如果有人导航到 myapplication.com/1234他们将被重定向到开始并提供 Id。但是，我不断收到错误 Cannot match any routes. URL Segment: '1234' .我不想使用 queryParams (?id=1234) 所以这不是一个选项。所以我的问题是我需要做什么才能完成这项工作？

Answer 1

删除 redirectTo并按以下方式定义它:

export const appRoutes: Routes = [
  { path: 'start/:id', component: StartComponent },
  { path: ':id', component: StartComponent },
];

两个 URL 都将解析为 StartComponent你可以处理 id那里的值(value)。您还可以在 StartComponent 中处理重定向如果你需要。