Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript angular2中的深路由_Javascript_Angular - Fatal编程技术网

Javascript angular2中的深路由

Javascript angular2中的深路由,javascript,angular,Javascript,Angular,我正在尝试在angular 2中使用以下场景创建路由 home.component: @RouteConfig([ { path: '/', name: 'Home', component: HomeComponent }, { path: '/route1/:id', name: 'Route1',

我正在尝试在angular 2中使用以下场景创建路由

home.component:

    @RouteConfig([
        {
            path: '/',
            name: 'Home',
            component: HomeComponent
        },
        {
            path: '/route1/:id',
            name: 'Route1',
            component: Route1Component
        },
        {
            path: '/route2/:id/...',
            name: 'Route2',
            component: Route2Component
        }
    }]
路线2.组成部分:

    @RouteConfig([
        {
            path: '/',
            name: 'Route2Home',
            component: Route2HomeComponent
        },
        {
            path: '/edit',
            name: 'Route2Edit',
            component: Route2EditComponent
        },
        {
            path: '/details/:otherId',
            name: 'Route2Details',
            component: Route2DetailsComponent
        }
    }] 
home.html与路由器链接的链接很少

  • 主页链接:
    Home
  • 路由1链接:
    Route1
  • 路由2主页链接:
    Route2主页
  • Route2编辑链接:
    Route2编辑
    如何为此配置routerLink
  • Route2详细信息链接:
    Route2详细信息
    如何为此配置routerLink
  • 谢谢。

    路线2编辑
    
    <a [routerLink]="['/Route2', 'Route2Edit', {id: 'someValue'}]"]>Route 2 Edit</a>
    <a [routerLink]="['/Route2', 'Route2Details', {id: 'someValue'}]"]>Route 2 Details</a>
    
    二号干线详情
    谢谢,我已经更新了问题。我的错。这就是复制粘贴的问题。但是如何将参数设置为“/route2/:id/…”和“/details/:otherId”这两个参数需要在routerLink中设置,不是吗?谢谢您的回答。它正在工作。早些时候,我尝试使用['/Route2',{id:'someValue'},/Route2Details']“]//即内部路由路径开头的一条斜线。我不知道在哪个位置传递参数是否重要。仅当routerLink不在根组件AFAIK中时,才需要开头的
    /
    。指定第一条路由在根
    /
    上开始后,以下路由无论如何都必须是直接子路由,并且它们应该在前面的结束(无
    /
    )有意义的地方开始。关于参数的位置。如果我更改了参数的顺序,那么会出现一些控制台错误。对于详细信息,我提到的链接路由为[routerLink]=“['/Route2',{id:'someValue'},'Route2Details',{otherId:'someValue'}]”。然后将正确的参数映射为正确的路由路径。谢谢。如果这解决了您的问题,请接受答案以表明您的问题已解决(使用上下投票按钮下方的白色复选标记)