jHandlebars

Este é um plugin jQuery que foi desenvolvido para facilitar o uso do Handlebars. Sendo que seu foco é agilizar o trabalho e a implementação para os frontends.

Instalação:

$ bower install jhandlebars

Iniciar:

Para utilizar o plugin corretamente você deve importar as libs da jQuery e Handlebars.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.1.2/handlebars.min.js"></script>
<script type="text/javascript" src="jquery.jhandlebars.js"></script>

Demo:

• Exemplo 1:

$(document).ready(function(){
    $("#element").handlebars({
      json: 'http://yourLocation.com.br/data.json', 
      template:'<div class="entry"><h1>jHandlebars</h1><div class="body">{{title}}</div></div>'
    });
});

• Exemplo 2:

$(document).ready(function(){
    $("#element").handlebars({
      json:{title:'Meu título'},
      template:'http://yourLocation.com.br/template.html'
    });
});

• Exemplo 3:

$(document).ready(function(){
    $("#element").handlebars({
      json:'http://yourLocation.com.br/data.json',
      template:'http://yourLocation.com.br/template.html'
    });
});

• Exemplo 4:

$(document).ready(function(){
    $("#element").handlebars({
      json: {title:'Meu título'},
      template:'<div class="entry"><h1>jHandlebars</h1><div class="body">{{title}}</div></div>'
    });
});

Licença:

Este projeto está sobre a MIT license