有人可以帮我提供一个关于如何使用把手运行时库(handlebars.runtime.js)的示例代码吗?
我曾尝试使用Handlebars.compile,这显然不起作用,因为我知道运行时库是为了避免编译模板。
此外,我尝试通过将模板作为字符串传递来使用Handlebars.template方法,但它不起作用,因为模板方法需要将函数作为参数。
我认为我做的事情基本上是错的。是否有关于如何单独使用运行时库的文档?
非常感谢帮助。
更多详情: 我首先使用了handlebars.js文件,它工作得很好,但我的队友发现压缩文件太大(> 40KB)用于我们的目的(我们网站中只有几个模板)。
所以,我尝试使用handlebars.runtime.js文件。这是正确的,还是我错过了什么?
以下是我尝试过的示例:http://jsfiddle.net/2KfsM/
<div id="container"></div>
<script id="hb-example" type="text/handlebars-template">
<p>{{sampleText}}</p>
</script>
js piece:
var template = Handlebars.compile($('#hb-example').html());
$('#container').html(template({sampleText: 'Here is a sample'}));
答案 0 :(得分:2)
您可以通过预编译模板来真正提高性能。但是,为了使用车把运行时库,您必须首先编译现有模板。
运行时库中没有Handlebars.compile
函数。
以下是一些链接:
http://handlebarsjs.com/precompilation.html
http://berzniz.com/post/24743062344/handling-handlebars-js-like-a-pro