给出不同路线的链接

Question

我有一个包含15张图片的页面，如果单击其中一个图片，我必须将用户重定向到详细信息页面。所以，我有15种不同的路线，比如1,2,3，...15。但据我所知，我不能给#链接-到助手动态变量。那我该怎么让每一张照片都走上自己的路线呢？这就是我的索引页面.hbs的样子：

{{#each model as |rentalUnit|}}
  {{rental-listing rental=rentalUnit}}
{{/each}}
{{outlet}}

我就是这样打印每一张照片的。这就是我要去的路线：

  {{#link-to "???"}}<img src={{rental.image}} width="200">{{/link-to}}

所以，有？因为我不知道该怎么做。谢谢!

Answer 1

那么，首先，为什么不使用动态段在您的路线？如下所示：

this.route('image', {path: '/images/:id'});

但是，只需将一个变量，而不是一个字符串作为第一个参数传递到helper的链接，就可以完成您想要的任务：

{{#link-to target}}

其中{目标}将打印您的路由名称。因此，target在这里是一个变量，而不是字符串。

退房这个转盘。