2017-07-28 195 views
1

angular4路由器存在一些問題。路徑中的角度4路由器%2F符號

我創建的菜單項列表,我得到了來自後端的路由器鏈接創建對象,但如果menuItem.link等於mypath中/例如,它會被角代替,以mypath中%2Fexample如果我點擊在這個項目中。

所以路由不工作,因爲它不能匹配任何路由,因爲我已經將它定義爲(mypath中/例)

<a [routerLink]="['/', menuItem.link, menuItem.id]" routerLinkActive="active_link"> 

我已嘗試添加/ *到路由器鏈路,但它仍然沒有工作。感謝您的回答。

+0

添加$ locationProvider.hashPrefix( '');在你的配置 – Vivz

+0

@Vivz是否適用於angular4? –

回答

2

%2F呈現爲/字符(百分比編碼)。問題出在您的路由配置中。確保你使用這樣的:

({ path: "/*yourroute", component: yourcomponent, name: "Name" }), 

基本上確保你有*/

+0

我已經試過了。在我的應用程序中,我有幾個模塊,在我的孩子路線中,我已經定義了它: { path:'',component:MainChildComponent,children:[/ i] ,component:ExampleComponent} ] } 但是當我啓動應用程序時,我有一個錯誤:路徑路徑的無效配置不能以斜槓開始 –

+0

您是否找到了答案?我得到了完全相同的問題 –