通过Ember.js视图的CSS转换;余烬“;怎么做?

通过Ember.js视图的CSS转换;余烬“;怎么做?,ember.js,Ember.js,我正在使用{{bind attr}}助手将类名绑定到元素以实现转换(在css中),在“didInsertElement”上设置控制器中的值似乎会缩短转换,即使css中有延迟也会阻止转换。不过,将呈现转换的结束状态 我尝试了Ember.run.scheduleOnce(“afterRender”),它似乎可以做到这一点,但从“清晰性”的角度来看,这并不是我想要的 是否有一种钩子(或者在uggo setTimeout调用之外创建钩子的方法)在元素插入dom并有效完成渲染后触发?您必须使用Ember.

我正在使用{{bind attr}}助手将类名绑定到元素以实现转换(在css中),在“didInsertElement”上设置控制器中的值似乎会缩短转换,即使css中有延迟也会阻止转换。不过,将呈现转换的结束状态

我尝试了Ember.run.scheduleOnce(“afterRender”),它似乎可以做到这一点,但从“清晰性”的角度来看,这并不是我想要的


是否有一种钩子(或者在uggo setTimeout调用之外创建钩子的方法)在元素插入dom并有效完成渲染后触发?

您必须使用
Ember.run.scheduleOnce('afterRender')
。但是你可以通过做下面的事情来做得更优雅。现在您的所有视图都有了afterRenderEvent的钩子。从清晰的角度来看,这应该足够了,对吗

Ember.View.reopen({
  didInsertElement : function(){
    this._super();
    Ember.run.scheduleOnce('afterRender', this, this.afterRenderEvent);
  },
  afterRenderEvent : function(){
    // implement this hook in your own subclasses and run your jQuery logic there
  }
});

PS:这段代码摘自my上的一篇文章,我在那里更详细地解释了该方法。

派对有点晚,但我们需要ember paper中的css动画,所以我创建了一个ember插件,它可以仅使用css转换组件(就像ng动画和React动画一样)


谢谢,这似乎效果不错!现在,如果只有一个用于预转换事件的钩子来拆卸UID,那么预转换事件是什么意思呢?对于我在1.0.0中的情况,css转换仍然不会触发,除非我在afterRender钩子中添加1ms settimeout,正如我详细介绍的那样