backbone.js - 带有stickit.js的backbone.js嵌套对象属性

Question

我正在使用stickit.js 来实现两种方式的数据绑定。我很高兴知道如何将stickit 与嵌套对象属性绑定。例如

var Person = Backbone.Model.extend({
    defaults:{
        name: {
            first: 'James',
            last: 'White'
        }
    }
});

我想知道是否可以像这样绑定文本输入。

<input type="text" name="firstname" class="first-name"/>


bindings: {
    '.first-name': 'name.first'
}

Answer 1

听起来您可以使用一项名为computeds的功能。

Computeds 是动态计算的绑定字段，可能是其他模型字段的组合。

不过，我在stickit 文档中看不到这种功能。因此，您可以试一试真正出色的模型绑定库骨干环氧树脂。我为你做了一个jsfiddle。

var Person = Backbone.Epoxy.Model.extend({
    defaults:{
        name: {
            first: 'James',
            last: 'White'
        }
    },
    computeds: {
        fullname: function() {
            return this.get('name').first + ' ' + this.get('name').last;
        }
    }
});

var view = new Backbone.Epoxy.View({
    el: '#app',
    model: new Person()
});

和html：

<div id="app">
    <input type="text" data-bind="value:fullname" />
</div>