javascript - Angular 2 路由 - 路由器 RC3

标签 javascript angularjs angular angular2-routing angular2-router3

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

问题是链接显示为“/page;id=10/component”。我希望它显示为 '/page/10/component' (不是矩阵符号 - 没有 ';id=' )

在我的 app.routes.ts 中:

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

在我的页面中:

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

我正在使用最新的 Angular 2 Router 组件 (RC3 Beta 2)。

有人知道我做错了什么吗?提前致谢。

最佳答案

这应该是:

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

而不是:

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

关于javascript - Angular 2 路由 - 路由器 RC3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38401054/

相关文章:

angular - PrimeNG 仅加载必需的组件

css - 使用组件作为内容自定义 ng-bootstrap 模态

javascript - 查找 `body` 标签是否在弹出窗口中有类

javascript - ng-bootbox : multiple custom modals on same view (same controller)

javascript - 使用 ui-router : "$injector:modulerr" 时出错

javascript - Angularjs 与 # 导航链接中的 jquery 插件相关的问题

angular - 刷新图表数据

for 循环中来自 LocalForage 的 JavaScript 链式 promise

javascript - 如何每 x 秒重新加载一个 IFrame?

angularjs - 这是指令的正确用法吗?