dart - 从概述页面路由到angulardart中的项目页面时如何创建漂亮的路径？

Question

我有一个非常常见的 View 结构，其中包含列表页面和详细信息页面。我想创建一个非常简单的路径结构，例如:

/leaderboard
/leaderboard/123

在设置我的路由时，我创建了:

  ..addRoute(
      name: 'leaderboard',
      path: '/leaderboard',
      enter: view('view/leaderboards.html'))
  ..addRoute(
      name: 'leaderboard',
      path: '/leaderboard/:leaderboardId',
      enter: view('view/leaderboard.html'));

当导航到 /leaderboard一切正常，但导航到 /leaderboard/123 , angulardart 提示它找到了多条路线并且根本没有路线。

我目前的解决方案是为列表页面使用不同的路径( /leaderboards 末尾带有“s”)，但这不是很好。

Answer 1

正如 this answer of Angular Dart: matching rules for route path - implicit suffix wildcard? 中指出的那样:

If you are worried about conflicts between two routes where path of one happens to be a prefix of another, then the correct approach is to put the most specific path first.

您也可以考虑使用 hierarchical routes .

旁注:建议使用唯一的路线名称。