Backbone Directives example

1.js

var model = new Backbone.Model({counter: 1});

2.js

var MyView = Backbone.View.extend({
    render: function() {
        this.$compile();
        return this;
    }
});

var view = new MyView({
    el: $('.some-element'),
    model: model
});

3.html

<div class="some-view">
    <span bb-bind="counter"></span>
</div>

4.html

<span bb-bind="counter * 2"></span>

<span bb-bind="counter % 2 == 0 ? 'even' : 'odd'"></span>