组件，控制器和上下文：组件内部的控制器错误？

Question

我正在使用ember.js 1.0.RC6

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

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

第二个{{controller}}{{test}}显示控制器的OptionsCarouselComponent，测试没有显示任何内容（因为它似乎是对控制器的错误引用）。

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

Answer 1

组件内的上下文是组件本身。这是设计使得组件将与周围环境隔离。

要从组件中访问控制器的属性，请将其作为参数传递，如：

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