ember.js - 让“this”在组件的链接帮助器中工作

Question

我有一个这样定义的组件：

<div class="col-sm-4 col-md-2">
  <div class="thumbnail">
    <img src="assets/images/{{image}}">
    <div class="caption">
      <h5>{{#link-to 'games.game' this}}{{title}}{{/link-to}}</h5>
    </div>
  </div>
</div>

我像这样使用它：

{{#each model as |game|}}
  {{game-details-small title=game.title image=game.image id=game.id}}
{{/each}}

我有点意外link-to地通过id=game.id作为属性传递来让助手工作。但是，如果我删除该链接会丢失对 id 的引用。我正在尝试查找有关传递 id 如何this正确引用 id 的文档，但我找不到它。任何建议、链接或解释都会有所帮助。

Answer 1

没有this内部组件，您必须传递上下文，在您的情况下，您将传递game：

{{#each model as |game|}}
  {{game-details-small model=game}}
{{/each}}

模板变为：

<div class="col-sm-4 col-md-2">
  <div class="thumbnail">
    <img src="assets/images/{{model.image}}">
    <div class="caption">
      <h5>{{link-to model.title 'games.game' model.id}}</h5>
    </div>
  </div>
</div>