如何在父视图中将{{each}}视图写入childViews？

Question

我正在做一些动画，我在父视图上捕捉事件，并希望以特定顺序动画我的childViews。所以我最终得到了类似的东西：

视图/ index.js

import Ember from 'ember';

export default Ember.View.extend({
  click: function(){
    console.log(this.childViews) // undefined :'(
  }
});

视图/ post.js

import Ember from 'ember';

export default Ember.View.extend({});

我的模板：

{{#each post in content itemViewClass="post"}}
  <img {{bind-attr src=post.image}}">
{{/each}}

我不太了解如何从post视图访问index次观看。

Answer 1

childViews属性适用于有子视图的情况。您的每个块都没有实例化视图，因此您没有任何子视图，只是img元素的集合。

如果你不知道爱德华福克纳有一个出色的动画插件给Ember 叫liquid-fire。

作者对Ember动画也有很好的video presentation。

我建议在尝试自己做之前调查该解决方案，因为需要考虑许多生命周期问题。