ember.js - 组件、 Controller 和上下文 : wrong controller inside the component?

Question

我正在使用 ember.js 1.0.RC6

我创建了一个组件(options-carousel)，我想在这个组件中呈现内容。

第一个{{controller}}{{test}}正在显示 的正确值测试 从 Controller 。

第二个{{controller}}{{test}}正在显示 OptionsCarouselComponent用于 Controller ，而用于 测试 (因为它似乎是对 Controller 的错误引用)。

{{controller}}{{test}}
{{#options-carousel}}
<div class="active item">
    {{controller}}{{test}}
</div>
{{/options-carousel}}

Answer 1

组件内部的上下文是组件本身。这是设计使然，因此组件将与周围环境隔离。

要从组件中访问 Controller 的属性，请将其作为参数传递，例如:

{{controller}}{{test}}
{{#options-carousel test="test"}}
<div class="active item">
  {{controller}}{{test}}
</div>
{{/options-carousel}}