如何展示"你好世界"骨干-marionette.js?

时间:2015-01-19 09:24:05

标签: javascript jquery backbone.js marionette backbone-views

我正在尝试使用backbone + backbone-marionette.js尝试视图。但我能够在路线中获得警报。但我想显示一个视图。但是我无法显示我的模板?你能不能请告诉我如何以角度

显示我的第一个视图

http://goo.gl/9YE0H8

var firstpage = Backbone.View.extend({
template:"template/firstpage"
})

1 个答案:

答案 0 :(得分:2)

要显示那条简单的信息,你需要注意很多事情。

这将启动文档就绪的路由器。

<script>
    $(document).ready(function () {
    router = new routers();
    Backbone.history.start();
})

现在在路由器功能中,我们将初始化我们的视图并将其附加到正文

showFirstPage:function(){
     var fView = new firstpage(); // view initialized
     $('body').append(fView.el);  
    }

el包含所有事件和HTML,请阅读here

要实现这一点,我们必须在初始化时将一些html设置为 el 视图

var firstpage = Backbone.View.extend({
template:_.template("<h1>Hello World<h1>"),
initialize:function(){
    this.$el.html(this.tempalte());
}
})

JSFIDDLE