从ember组件块访问父上下文

Question

我正在尝试解决块如何使用ember组件。有了以下内容，我希望为每个循环渲染project.name。

// components/block-test.js
export default Ember.Component.extend({});

// index.hbs
{{#each project in projects}}
    {{#block-test}}
        {{project.name}}
    {{/block-test}}
{{/each}}

但是当我使用这个模式时，project.name不会被渲染。这是预期的行为，如果是这样，我怎么能改变它以使上述代码起作用？

Answer 1

组件是故意隔离的，传递你想要使用的任何东西（如果你传入它就不需要屈服）

{{#block-test project=project}}
    --{{project.name}}--
{{/block-test}}

无组件模板

 --apple--
 --dog--
 --piano--

收益率

组件模板

--{{yield}}--

使用组件

{{#block-test}}
    {{project.name}}
{{/block-test}}


 --apple--
 --dog--
 --piano--