如何在 Marionette .js + backbone 中加载 html 文件？

Question

我有一个 "test.html" 因为我有这个竞争（整个 html 文件都有这个竞争）。

<h1>First page</h1>

我需要使用 Marionette .js

在 ID ="contend" 的 div 中加载竞争

<div id="contend">


    </div>

你能告诉我该怎么做吗？ fiddle : http://jsfiddle.net/JQu5Q/16/

   $(document).ready(function(){
            var ContactManager = new Marionette.Application();
            ContactManager.addRegions({
                mainRegion:"#contend"
            })

            ContactManager.on("start", function(){
                console.log("ContactManager has started!");


            });

            ContactManager.start();

         // router 
             var routers =  Backbone.Router.extend({
            routes: {
                "": "showFirstPage"
            },
            showFirstPage:function(){

            }
            })

             var ToolItemView = Backbone.Marionette.ItemView.extend({

                template: '<div>hello</div>',



            });

        })

Answer 1

实例化视图，并显示在区域中：

var toolItemview = new ToolItemView(); 
ContactManager.mainRegion.show(toolItemview); 

http://jsfiddle.net/JQu5Q/17/

Answer 2

如果您想通过 Backbone.router 显示视图，您只需将 Marionette 应用程序传递给路由器然后显示它。

var routers = new Router({app: ContactManager})

demo