9951 explained code solutions for 126 technologies

backbone.jsHow do I use a Backbone.js HTML template?

Using Backbone.js with HTML templates is a great way to create dynamic web applications.

To use an HTML template with Backbone.js, you need to first define the template inside a <script> tag:

<script type="text/template" id="my-template">
    <h1>My Template</h1>
    <p>Hello, <%= name %></p>

Next, you need to create a view in Backbone.js that will use the template:

var MyView = Backbone.View.extend({
  template: _.template($('#my-template').html()),
  render: function() {
    this.$el.html(this.template({name: 'World'}));
    return this;

When the view is rendered, it will use the template and replace the <%= name %> placeholder with the value of the name property passed to the template. The output of the view will be:

  <h1>My Template</h1>
  <p>Hello, World</p>

Here are some useful links for further reading:

Edit this code on GitHub