Javascript 余烬动画视图更改

Javascript 余烬动画视图更改,javascript,ember.js,Javascript,Ember.js,我在设置特定视图的更改动画时遇到了一个问题。我有两个视图,它们在其他属性中使用相同的“选项”参数。 DrawVisualizationView实际上绘制了一个带有选项的图表,这些选项是从OptionView的输入中获得的 .hbs文件: <!-- Options Part --!> <div> {{view App.OptionsView options=controller.options}} </div> <!-- Visualizatio

我在设置特定视图的更改动画时遇到了一个问题。我有两个视图,它们在其他属性中使用相同的“选项”参数。 DrawVisualizationView实际上绘制了一个带有选项的图表,这些选项是从OptionView的输入中获得的

.hbs文件:

<!-- 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')

});