javascript - Angular2 routerLink 参数

Question

我的 angular2 应用程序有此路由配置

export const AppRoutes: Routes = [
{ path: 'SignIn', component: LoginComponent },
{
    path: 'Home', component: HomeComponent, canActivate: [LoggedInGuard]
    , children: [
        { path: 'ViewUserDetails/:pageTitle', component: ViewUserDetailsComponent },
    ]
}];

我想在我的组件中使用 pageTitle 参数，因此我以这种方式在 routerLink 中传递它

<a [routerLink]="['/Home/ViewUserDetails',{pageTitle:'View Channel User'}]">View Channel User</a>

但我收到此错误

core.umd.js:3257 EXCEPTION: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'Home/ViewUserDetails;pageTitle=View%20Channel%20User'

Angular 文档使用它来传递参数我不明白为什么它会生成这种形式的链接而不是

/Home/ViewUserDetails/View%20Channel%20User

Answer 1

Angular 2 路由器确实可以在 URL 片段基础上工作。它根据 URL 模式在路由之间导航。

你应该只有表达式数组(这里是字符串)。

<a [routerLink]="['/Home/ViewUserDetails','View Channel User']">View Channel User</a>