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'});

但是你想要的只是将一个变量而不是一个字符串作为第一个参数传递给helper的链接：

{{#link-to target}}

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