Question

我有一个带有路由器链接的导航栏，就像Aurelia骨架一样，但我想在路由器视图中也有参数化链接来改变路由器视图。这可能吗？如果是这样，我如何访问App.ts上的路由器？感谢任何帮助。谢谢。

Answer 1

您只需在视图模型中注入路由器即可。像这样：

import { autoinject } from 'aurelia-framework';
import { Router } from 'aurelia-router';

@autoinject
export class MyScreenInRouterView {

   constructor(router: Router) {
      this.router = router;
   }
}

要在您的视图中使用它：

<a route-href="route: routeName; params.bind: { id: user.id }">${user.name}</a>

在代码中生成网址：

this.url = this.router.generate('routeName', { id: 123 });

导航到路线：

this.router.navigateToRoute('routeName', { id: 123 });

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/cheat-sheet/7

的更多信息

Aurelia参数化导航栏外的路由

1 个答案: