Angular 2路由根据参数类型加载不同的组件

Question

我需要根据路由参数的类型加载不同的组件。如果路由参数是字符串，则加载一个组件，如下所示，

{ path: 'care/action/:string',component: StringComponent},

如果路线参数是数字，则加载另一个组件，如下面

{ path: 'care/action/:number', component: NumberComponent},

请注意，URL将保持不变，只会更改参数类型。

如何实现这一目标？

提前致谢。

Answer 1

您可能希望在路由配置上利用matcher属性并将匹配函数传递给它。您的匹配器函数将使用正则表达式来检查它是否为字符串（用于字符串路由）或数字（用于数字）。