2017-07-28 194 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

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