backbone.js - マリオネットのレイアウトが ItemView を表示しない

Question

レイアウトにアイテム ビューが表示されません。

ここに私のマークアップがあります:

<div id="wrapper">
    <div id="header">header div</div>
    <div id="main">main div</div>
</div>

これが私のJavaScriptです：

var EventView = Backbone.Marionette.ItemView.extend({
    template: Handlebars.compile("Name of event: {{name}}"),
    model: new Backbone.Model({
        name: "Game"
    }),
});
var AppLayout = Backbone.Marionette.Layout.extend({
    template: '#wrapper',

    regions: {
        header: '#header',
        main: '#main'
    }

});
var layout = new AppLayout();
layout.render();
var event1 = new EventView();
layout.main.show(event1);

私が欲しいのは

<div id="main">Name of event: Game</div>

Answer 1

最初にアプリ領域内にレイアウトを挿入する必要があると思います。

App = new Backbone.Marionette.Application();
App.addRegions({
    centerRegion: '#center'
});

var layout = new AppLayout();
App.centerRegion.show(layout);
var event1 = new EventView();
layout.main.show(event1);