主干无法读取主干视图中未定义错误的属性“property”

Question

我刚决定学骨气。我在看视频教程。这里的一切都很好，但在我的末尾，我遇到了一个错误“Uncaught TypeError:无法读取未定义的属性'name'。

这是我的代码：

    var MenuItemDetails = Backbone.View.extend({
        render: function() {
            var markup = this.options.name + this.options.category + this.options.imagepath;
            // I also had some html markup in the string above, of course, but I've striped it because stackoverflow didn't show it in the preview of my post.
            this.$el.html(markup);
            return this;
        }
    });

    var AppRouter = Backbone.Router.extend({
        routes: {
            "" : "list",
            "menu-items/new" : "itemForm",
            "menu-items/:item" : "itemDetails"
        },

        list: function() {
            $('#app').html('List screen');
        },

        itemDetails: function(item) {
            var view = new MenuItemDetails({ name: item, category: 'Some category', imagepath: 'no-image.jpg' });
            $('#app').html(view.render().el);
        },

        itemForm: function() {
            $('#app').html('New item form');
        }
    });

    var app = new AppRouter();

    $(function() {
        Backbone.history.start();
    });

“项目详细信息”函数给出了“未捕获的TypeError：无法读取未定义的属性“名称”错误。当然，如果我在视图中不使用“名称”属性，我会得到“未捕获的TypeError：无法读取未定义的属性“类别”。在我跟随的视频教程中，一切正常（它使用的是Backbonejs的0.9.1版）。我使用最新的（1.1.0）。

有人知道我为什么会出现这个错误吗？没有任何拼写错误，一切都在正确的顺序（就像在视频教程中一样，它是有效的）。为什么主干会给我这个错误？

Answer 1

主干视图用于自动将构造函数选项复制到中。选项但不再是：

更改日志
1.1.0-2013年10月10日

• 主干视图不再自动附加作为this传递给构造函数的选项。选项，但如果愿意，您可以自己做

所以如果你依赖于这个。选项在视图中设置后，您必须自己执行：

var MenuItemDetails = Backbone.View.extend({
    initialize: function(options) {
        this.options = options;
    },
    //...
});

或者更好的方法是，解压缩选项，以便了解视图的界面：

initialize: function(options) {
    this.options = _(options).pick('name', 'category', 'imagepath');
}

这样，您至少可以在选项中看到一个列表。