emberJs 提供不同的链接路径

Question

我得到一个包含 15 张图片的页面，如果点击其中一张，我必须将用户重定向到详细信息页面。所以，我有 15 条不同的路线，例如 1、2、3、...15。但据我所知，我无法将动态变量提供给#link-to helper。那么我要如何让每张图片都走自己的路线呢？这是我的索引页 .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'});

但是你想要的可以通过将变量而不是字符串作为第一个参数传递给 link 来完成：

{{#link-to target}}

{{target}} 将打印您的路线名称。所以target这里是变量，不是字符串。

emberJs giving different routes to links