如何在一个骨干模型属性的绿色补间

Question

var user = Backbone.Model.extend({
   defaults: {
      timeLeft: 0
   }
});

Backbone模型属性更改为：user.set('timeLeft', 100)

我需要使用greensock来补充此属性。如何补间骨干模型属性？

Answer 1

虽然我个人认为您的混合视图逻辑在您的模型中（这是一个nono），但您可以在change属性上收听timeLeft事件。

var User = Backbone.Model.extend({
    defaults: {
        timeLeft: 0
    },
    initialize: {
        this.on("change:timeleft", this.timeLeftChanged);
    },
    timeLeftChanged: function(model, value, options) {
        // your rendering/tween logic
    }
});

请记住，这是未经测试的，并且不在我的头顶，所以它可能无法正常工作。 ; - ）