Bogus.js extends Hogan.js with support for Backbone.js models. This means
that mustache {{tags}}
will look for Backbone.Model attributes, and mustache
{{#sections}}
will iterate over Backbone.Collections.
Bogus.js is tied to a specific version of Hogan.js, currently 2.0.0. You will probably want one of the following builds:
- hogan-2.0.0.js: Complete build.
- hogan-2.0.0.min.js: Complete build, minified.
- template-2.0.0.js: Just Hogan.Template.
- template-2.0.0.min.js: Just Hogan.Template, minified.
Make sure Hogan.js and Bogus.js are included in your page in order:
<script src="underscore.js"></script>
<script src="backbone.js"></script>
<script src="hogan.js"></script>
<script src="bogus.js"></script>
Install using NPM:
$ npm install bogus.js
Then simply:
var Bogus = require('bogus.js');
The Bogus
namespace contains all the methods you'd normally find in the
Hogan
namespace. This means you can simply:
var data = new Backbone.Model({
screenName: "ko_si_nus",
});
var template = Bogus.compile("Follow @{{screenName}}.");
var output = template.render(data);
// prints "Follow @ko_si_nus."
console.log(output);