backbone.js - 主干模型中的自定义属性

Question

我正在开发 Backbone 应用程序。我想知道如何在模型中创建自定义属性并在模板中使用它们。这是我所拥有的。

型号

CustomerDetails = Backbone.Model.extend({
    defaults: {
            id: undefined,
            isOnline: undefined,
            profileUrl: undefined,
            userType: undefined
    },  

    // I want to set this new property

    newProperty: function() {
               return this.get("id") + this.get("profileUrl");
    }

});

我尝试访问它的模板

<script type="text/template" id="customer-details-template">
<div class="message customer-details">
    <%=id%>
    <%=newProperty%>
</div>
</script>

我可以获取 id 属性，但不能获取 newProperty。有人可以帮我弄这个吗。谢谢!

Answer 1

作为覆盖 toJSON 方法的替代方法，您还可以将该属性添加到模型中，并在模型初始化时设置其值。

var CustomerDetails = Backbone.Model.extend({
    defaults: {
            id: undefined,
            isOnline: undefined,
            profileUrl: undefined,
            userType: undefined,
            newProperty: undefined 
    },  

    initialize: function(){
        this.updateNewProperty();
    },

    updateNewProperty: function(){
        this.set('newProperty', (this.get('id') + this.get('profileUrl') ) );
    }
});

A fork of McGarnagle's fiddle