ember.js - 从 ember 组件 block 访问父上下文

Question

我正在尝试弄清楚 block 如何与 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

组件是有意隔离的，传入您想要使用的任何内容(如果您传入它，则不需要yield)

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

没有组件模板

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

有产量

组件模板

--{{yield}}--

使用组件

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


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