Angular2 - 将URL作为路由参数

时间:2016-12-15 12:39:08

标签: angular

我正在尝试找到一个有效的解决方案,用于将完整的URL作为Angular2应用程序中某个路由的参数传递。

这是我的app-routing.module.ts文件的片段:

const routes: Routes = [

{
    path : '',
    component : HomePageContentComponent
},
 {
    path : 'explore',
    component : ExploreRosFacetedSearchPageContentComponent
},
{
    path : 'explore/:keyword',
    component : ExploreRosFacetedSearchPageContentComponent
},
{
    path : 'rodetails',
    component : RoDetailsComponent
},
{
    path : 'rodetails',
    component : RoDetailsComponent,
    children : [
        {
        path : 'overview/:uri',
        component : OverviewComponent
        },

当我在网络浏览器中传递 localhost:4200 / rodetails / overview / http://someadress.com 时,我希望使用此参数执行“概述”组件。问题是:因为参数中的URL未编码 - Angular引擎可能不知道它实际上是一个参数,因为它中包含'/'字符。它尝试查找路径路径为 overview / http / 的组件,并且与无法获取/ rodetails /概述/ http://someaddress.com

崩溃

如果有人之前处理过这样的问题或知道如何处理这个用例,我非常感谢任何见解。

0 个答案:

没有答案