angular - 如何限制Angular2路由参数？

Question

鉴于这个简单的路由示例，我希望能够限制 :page 参数。

const appRoutes: Routes = [
  { path: ':page', component: PageFoundComponent },
  { path: '**', component: PageNotFoundComponent }
];

最好使用字符串数组。这里的预期行为是检查 :page 是否为 Array 元素之一，如果不存在则路由到 PageNotFoundComponent。

// pseudo code
let knownPages = ["welcome", "shop", "about"];
(...)
{ path: ':page@knownPages', component: PageFoundComponent }

这个概念是从 Symfony2 路由机制中借用的。

我应该如何处理它？

Answer 1

您可以使用最近引入的自定义 UrlMatcher

{ path: ':page', component: PageFoundComponent, matcher: ... },

但我还没有找到任何关于它的文档。

另见 https://angular.io/docs/ts/latest/api/router/index/Routes-type-alias.html