Javascript 余烬动画视图更改
我在设置特定视图的更改动画时遇到了一个问题。我有两个视图,它们在其他属性中使用相同的“选项”参数。 DrawVisualizationView实际上绘制了一个带有选项的图表,这些选项是从OptionView的输入中获得的 .hbs文件:Javascript 余烬动画视图更改,javascript,ember.js,Javascript,Ember.js,我在设置特定视图的更改动画时遇到了一个问题。我有两个视图,它们在其他属性中使用相同的“选项”参数。 DrawVisualizationView实际上绘制了一个带有选项的图表,这些选项是从OptionView的输入中获得的 .hbs文件: <!-- Options Part --!> <div> {{view App.OptionsView options=controller.options}} </div> <!-- Visualizatio
<!-- Options Part --!>
<div>
{{view App.OptionsView options=controller.options}}
</div>
<!-- Visualization Part --!>
<div id="visualization">
{{view App.DrawVisualizationView options=controller.options}}
</div>
余烬动画的作者。如果希望视图在选项更改时重新设置动画,请执行以下操作:
App.DrawVisualizationView = Ember.View.extend({
willAnimateIn: function() { //ember-animate method
//preparation
},
animateIn: function(done) {
//some animation
},
animateOut: function(done) {
//some animation
},
drawVisualization: function () {
this.animateOut(function () {
this.willAnimateIn();
this.animateIn();
}.bind(this));
}.observes('options.@each')
});