Javascript 带视口和/或直接链接的Aurelia 2布线

假设我有一个应用程序，它有一个欢迎页面，其中有一个搜索输入文本框，当我们搜索某样东西时，它会重定向到产品列表。从该列表中，您可以单击某个项目（产品）并查看该产品的详细信息。很简单

我正在玩弄这个简单的应用程序，以了解Aurelia 2中的新路由器。我已经与Aurelia 1合作了相当长的一段时间，并且很好地理解了它是如何工作的。在Aurelia 1中，您可以使用如下路由数组指定路由器配置

[{ route: ['','home'],  name: 'home', moduleId: './components/home/home',  nav: true, title:'Home' }, 
 { route: ['product/:id'],  name: 'product', moduleId: './components/product/product', nav: true, title:'Product' }]

有了上面的内容，我可以通过如下Url重定向到产品1：“#/product/1”，因为：id是产品组件中id的通配符

对于Aurelia 2，我在实现这一点上遇到了一些困难，因为Aurelia 2将参数传递给组件的方式给了我这样的url:#/product（1）

如何使我的url看起来像Aurelia 2中的#/product/1

---

提前感谢各位。

我发现这个链接为我清除了一大堆东西：