Fetching from Model has not supply the defaults

Question

Fetching from Model has not supply the defaults

In my app, I am fetching the data from /home -by home Model. the Model contains the defaults object. But while i fetch the data, I am not able to see the default object in the model.

here is my model :

define(['backbone'], function(Backbone){
    "use strict";
    socialApp = window.socialApp || {};

    socialApp.homeModel = Backbone.Model.extend({
        url: "/home",
        defaults:{
            "category":"Level-1"
        }
    });

    return socialApp.homeModel;
});

here is my view.js :

socialApp.homeView = Backbone.Marionette.ItemView.extend({
            tagName:'div',
            initialize:function () {
                var that = this;
                this.model.fetch().done(function(data){
                    that.render(data) // i am fetching here
                });
            },

            render: function (data) {
                console.log(data) //there is no defaults object here...
                this.$el.html(homeTemp(data));
            }
        });

What is wrong here? I am using Nodejs as a server.

here is the console what i am getting:

{
__v: 0
_id: "5416ce23fc0c41ec0f03f672"
email: "afzil@gmail.com"
firstName: "Mohamed"
lastName: "Afzil"
password: "afzil"
username: "afzil"
}

thanks in adavnce.

node.js
backbone.js
marionette
backbone-model

Answer 1

As i can see in promise 'done' callback you have only fetch results, not model.

please modify your initialize function to this:

initialize: function () {
    var that = this;
    this.model.fetch({
        success: function(model){
            that.render(model.toJSON());
        }
    });
}