ember.js - 遍历子组件

Question

我有按钮组组件，其中包含一组按钮元素组件。模板定义为：

{{#each buttons}}
    {{button-element titleBinding="title" action="buttonAction"}}
{{/each}}

我希望组件中的buttonAction()方法button-group能够轻松访问button-element组件集并遍历它们。最简单的方法是什么？我知道我可以使用 jQuery/DOM 方法，例如：

this.$('.btn').doSomething();

但我想直接处理组件对象而不是 DOM。

score 2 · Accepted Answer

由于您正在迭代您的按钮，因此在每次迭代中，this变量都引用该按钮，因此您可以简单地button在组件中定义一个在迭代中设置的变量：

{{#each buttons}}
  {{button-element titleBinding="title" button=this action="buttonAction"}}
{{/each}}

因此您可以稍后在组件中执行以下操作：

this.get('button').doSomething();

希望能帮助到你。

1 回答 1