Ontem lancei a nova versão do plugin jHandlebars v1.0.0. Também realizei o cadastro do plugin no BOWER. Corrigi alguns bugs :P e adicionei melhorias.
Instalação:
$ bower install jhandlebars
Colocando para rodar:
Para utilizar o plugin corretamente você deve importar as libs da jQuery e Handlebars.
1
2
3
| <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>
|
Alguns exemplos:
1
2
3
4
5
6
| $(document).ready(function(){
$("#element").handlebars({
json: 'http://yourLocation.com.br/data.json',
template:'<div class="entry"><h1>jHandlebars</h1><div class="body"></div></div>'
});
});
|
1
2
3
4
5
6
| $(document).ready(function(){
$("#element").handlebars({
json:{title:'Meu título'},
template:'http://yourLocation.com.br/template.html'
});
});
|
1
2
3
4
5
6
| $(document).ready(function(){
$("#element").handlebars({
json:'http://yourLocation.com.br/data.json',
template:'http://yourLocation.com.br/template.html'
});
});
|
1
2
3
4
5
6
| $(document).ready(function(){
$("#element").handlebars({
json: {title:'Meu título'},
template:'<div class="entry"><h1>jHandlebars</h1><div class="body"></div></div>'
});
});
|
Ainda não conhece Handlebars? Então não perca tempo, adicione esta lib em suas leituras e veja o quanto sua vida mudará depois disso :D.
