backbone.js 1.1.2中'options'的替代方案是什么？

问题描述

从我的视图menuitemdetails.js我在app.js中调用选项 - itemDetails



我的menuitemdetails.js

From my view menuitemdetails.js i'am calling options in app.js - itemDetails

My menuitemdetails.js

var MenuItemDetails = Backbone.View.extend({
    render: function () {
        var markup = '<div>' +
        '<h1>' + this.options.name + '</h1>' +
        '<p><span class="label">' + this.options.category + '</span></p>' +
        '<img src="photos/' + this.options.imagepath + '" class="img-polaroid" />' +
        '</div>';

        this.$el.html(markup);
        return this;
    }
});

我的app.js

My app.js

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: 'Entree',
                imagepath: 'garden-salad.jpg'
            }
        );

        $('#app').html(view.render().el);
    },

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

var app = new AppRouter();

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

期待在backbone.js中替代'options'1.1.2

Looking forward for an alternative of 'options' in backbone.js 1.1.2

推荐答案

我的app.js

My app.js

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

    list: function () {

这篇关于backbone.js 1.1.2中'options'的替代方案是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！