Backbone HelloWorld

Hello World usando una vista y un template

by rulokc

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
<div id="hello-container"></div>

<script type="text/template" id="hello-template">
    <h1>Hello World!</h1>
</script>

CSS

#hello-container {
    font-family: Arial, Helvetica, sans-serif;
}

JavaScript

/*
Es importante declarar primero underscore y luego backbone
*/
HelloView = Backbone.View.extend({
    initialize: function() {
        this.render();
    },
    render: function() {
        var template = _.template($('#hello-template').html(), {});
        this.$el.html(template);
    }
});

var helloView = new HelloView({el: $('#hello-container')});