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：未捕获（在承诺中）：错误：无法匹配任何路线。网址细分： '家庭/ ViewUserDetails; PAGETITLE =查看％20Channel％20User'

角度文档使用它传递参数我不明白为什么它产生这种形式的链接而不是

/主页/ ViewUserDetails /视图％20Channel％20User

Answer 1

Angular 2路由器可以在URL片段库上运行。它在基于URL jQuery(".per-reference").bind("click", openRefModal); jQuery(".per-reference .moduleItemTitle").unbind("click", openRefModal);的路由之间导航。

你应该只有表达式数组（这里是它的字符串）。

pattern

Angular2 routerLink params

1 个答案: