迭代子组件

Question

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

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

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

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

但我想直接解决组件对象而不是DOM。

Answer 1

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

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

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

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

希望它有所帮助。