如何在Aurelia html模板中获取当前路线？

Question

我有一个Aurelia应用程序，其页面有两条指向它的路径 - 即'create-password'和'reset-password'都指向reset-password.html。我的reset-password.js文件注入了路由器，因此视图模型可以访问路由器。

我希望能够根据用于访问页面的路径更改页面中的项目。如何获取显示页面的当前路径？

我认为像${Router.currentRoute}这样的东西应该有用吗？

Answer 1

在检查Router对象之后，我能想出的最好的方法是从history属性中获取当前片段。 在reset-password.js中：

isCreateRoute() {    
    return this.Router.history.fragment == '/create-password'
}

然后在reset-password.html：

<div if.bind="isCreateRoute()">Create</div>
<div if.bind="!isCreateRoute()">Reset</div>

这是我根据路线获取页面中动态项目的方法。