Ember yield 参数传递

Question

我正在尝试将参数传递给 yield 块，但是我遗漏了一些我看不到的东西。案例如下：

components/table-notes.hbs

<table>
   ...
  <tbody>
    {{#each note in notes}}
      <tr>
        <td>{{yield note}}</td>
        ...
      </tr>
    {{/each}}
   </tbody>
 </table>

别处

{{#table-notes notes=model.notes}}
  //do something with each note
{{/table-notes}}

这个参数传递有什么错误或不完整吗？

提前致谢。

Answer 1

我认为您不能在 1.10 之前的版本中执行此操作。不过在 1.10 中，您可以执行以下操作：

声明组件模板并yield

<script type="text/x-handlebars" id="components/table-notes">
   {{#each notes as |note|}}
    {{ yield note }}
   {{/each}}
</script>

并且还在模板中声明使用变量被调用的组件note如下：

<script type="text/x-handlebars" data-template-name="index">    
  {{#table-notes notes=model.notes as |note|}}
    <h3>{{ note }}</h3>
  {{/table-notes}}
</script>

工作示例here

您可以阅读有关组件中块参数的更多信息，这是 1.10 中的一项新功能，here。

Ember yield 参数传递

Ember yield param passing

handlebars.js

ember.js