ember.js - 如何使用 ember 组件注入(inject)动态部分？

Question

我有一个简单的组件，我想为动态命名的部分提供一个钩子(Hook)。

理想情况下我想支持这个界面

{{my-thing displayPartial="wat"}}

然后用户将声明一个部分模板“-wat.hbs”并且它将被包含

目前，这就是我在 hbs 组件内所做的事情(不起作用)

{{partial displayPartial}}

编辑

或可选的基于 block 的版本

{{#my-thing}}
<p>{{result.name}}</p>
{{/my-thing}}

然后在组件 hbs 中我会在每个循环/等等中产生这个

{{#each x in controller}}
{{yield}}
{{/each}}

block 版本的问题是我似乎无法传递“结果”(即产量结果爆炸)

Answer 1

您应该能够执行以下操作:

<script type="text/x-handlebars" data-template-name="index">
  <ul>
  {{#each item in model}}
    {{my-thing displayPartial=item}}
  {{/each}}
  </ul>
</script>

<script type="text/x-handlebars" id="red">
  RED
</script>

<script type="text/x-handlebars" id="_yellow">
  YELLOW
</script>

<script type="text/x-handlebars" id="_blue">
  BLUE
</script>

<script type="text/x-handlebars" id="components/my-thing">
  <div {{ bind-attr class='displayPartial'}}>
    {{ partial displayPartial }}
  </div>
</script>

此外，部分名称中不再需要前导下划线 - https://github.com/emberjs/ember.js/issues/2242

工作解决方案here