TypeError 받기 : this.options는 정의되지 않았습니다.

Question

BackboneJS를 배우려고하는데 이것은 내가 겪고있는 오류입니다.

저는 coffeescript로 코딩하고 있습니다. 이것은 생성 된 JS입니다. 올바르게 진행되고 있다고 생각하면서 이것이 왜 일어나고 있는지 전혀 알 수 없습니다.

(function() { 
    var AppRouter, MenuItemDetails, app; 

    MenuItemDetails = Backbone.View.extend({ 
    render: function() { 
     var markup; 
     markup = "<div>" + this.options.category + "</div>"; 
     this.$el.html(markup); 
     return this; 
    } 
    }); 

    AppRouter = Backbone.Router.extend({ 
    routes: { 
     "": "list", 
     "menu-items/new": "itemForm", 
     "menu-items/:item": "itemDetails" 
    }, 
    list: function() { 
     return $('#app').html('List Screen'); 
    }, 
    itemDetails: function(item) { 
     var view; 
     view = new MenuItemDetails({ 
     name: item, 
     category: 'Entree', 
     imagepath: 'no-image.jpg' 
     }); 
     return $('#app').html(view.render().el); 
    }, 
    itemForm: function() { 
     return $('#app').html("New item form"); 
    } 
    }); 

    app = new AppRouter(); 

    Backbone.history.start(); 

}).call(this); 

/* 
//@ sourceMappingURL=app.map 
*/ 

어디로 잘못 가고 있습니까?

Answer 1

this 키워드를 잘못 사용하고 있습니다.

MenuItemDetails = Backbone.View.extend({ 
render: function() { 
    var markup; 
    markup = "<div>" + this.options.category + "</div>"; // Error 
    this.$el.html(markup); 
    return this; 
} 
}); 

이것은 속성 옵션을 포함하지 않는 범위를 가리 킵니다. 통 더는 대신 다음과 같이 할이

var self = this; 
MenuItemDetails = Backbone.View.extend({ 
    render: function() { 
     var markup; 
     markup = "<div>" + self.options.category + "</div>"; // Error 
     this.$el.html(markup); 
     return this; 
    } 
}); 

Answer 2

시도 같은 것을 수행해야합니다

MenuItemDetails = Backbone.View.extend({ 
    initialize: function(options) { 
     this.options = options; 
    }, 
    render: function() { 
     var markup; 
     markup = "<div>" + this.options.category + "</div>"; 
     this.$el.html(markup); 
     return this; 
    } 
    });