2016-10-29 13 views
1

マイangular2アプリは、私がrouterLinkにこのようAngular2 routerLinkのparams

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

それを渡されたので、私は私のコンポーネントでPAGETITLEパラメータを使用していた

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

このルートの構成となっている。しかし、私はこれを取得しますエラー

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

パラメータを渡すためにこれを使用する角度の書類私はなぜそれが理解できないのですか?

の代わりにこの形式のリンクを生成します。

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

+0

てみ '' View Channel User

+0

おかげで私はそれがここでその方法{PAGETITLE:「表示チャンネルユーザー」}オブジェクトを使用することを意味するのか理解していない.but働い@HarryNinh –

答えて

0

角度2ルータはURLフラグメントベースで動作します。 URL patternに基づいて経路を移動します。

あなたは式の配列(ここでは文字列)を持つ必要があります。

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

おかげでたくさん –

+0

@YassmeenMahmoud月を私はあなたが理解していないことを知っている、私はそれを説明したい。 –

+0

この「Crisis Center」の使用時期については、角の文書[here](https://angular.io/docs/ts/latest/guide/router.html#!#link)の例に記載されています。 -parameters-array) –

関連する問題