Angular 2路由 - 路由器RC3

时间:2016-07-15 16:31:36

标签: javascript angularjs angular angular2-routing angular2-router3

我在获取ID后尝试使用routerLink导航到页面,我可以获得。

问题是链接显示为' / page; id = 10 / component'。我希望它显示为' / page / 10 / component' (不是矩阵表示法 - 没有&#39 ;; id =')

在我的app.routes.ts中:

@RouterConfig = [
    { path: 'page/:id/component', component: MyComponent, data: {id: 'item.id'} }
];

在我的页面中:

<a [routerLink]="['page', {id: item.id}, 'component']">

我使用的是最新的Angular 2路由器组件(RC3 Beta 2)。

任何人都知道我做错了什么?提前谢谢。

3 个答案:

答案 0 :(得分:1)

这应该是:

<a [routerLink]="['page', {'id': item.id}, 'component']">

而不是:

<a [routerLink]="['/page', item.id, 'component']">

答案 1 :(得分:0)

试试这个

with worksheets("Sheet1")
    with intersect(.usedrange, .columns(1))
        .numberformat = "General"
        .TextToColumns DataType:=xlFixedWidth, FieldInfo:=Array(0, 1)
    end with
end with

答案 2 :(得分:0)

从我所看到的,这条路线配置不起作用:

{ path: 'page/:id/component', component: MyComponent, data: {id: 'item.id'} }

我认为你真正需要问的是最终'/component'是否必要。如果是,您可能需要考虑添加child route

另一种选择是改变路线的顺序,改为使用page/component/:id。我相信routerlink指令会将您的URL搜索参数附加到路径的末尾,因此这应该有效。

同样,最简单的解决方案是从路由配置中删除'/component'