在Ember.Component中的{{each}}内使用{{yield}}

Question

有没有办法在Ember.Component中的{{yield}}助手中使用{{each}}？

所以我可以提供一个包含组件的重复结构，也许还有一个添加/删除行功能，但是我可以从外部提供句柄标记，并使用{{yield}}帮助程序来访问它。

这就是我想做的事情：

项目：

[{
    name: 'stack',
    value: 5
}, {
    name: 'overflow',
    value: 8
}]

模板：

{{#show-list value=items}}
    {{name}} - {{value}}
{{/show-list}}

成分：

<ul>
    {{#each value}}
        <li>{{yield}}</li>
    {{/each}}
</ul>

这就是我期待的回报：

<ul>
    <li>stack - 5</li>
    <li>overflow - 8</li>
</ul>

Answer 1

现在可以使用公共API在Ember中实现。

请参阅Yehuda的这篇Twitter帖子： https://twitter.com/wycats/status/536723973745410048

这个演示： http://jsbin.com/yawasisofu/4/edit?html,js,output

在您的情况下，组件应如下所示：

<ul>
  {{#each value as listItem}}
    <li>{{yield listItem}}</li>
  {{/each}}
</ul>