使用handlebars运行时库

时间:2014-01-22 11:15:22

标签: javascript handlebars.js

有人可以帮我提供一个关于如何使用把手运行时库(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'}));

1 个答案:

答案 0 :(得分:2)

您可以通过预编译模板来真正提高性能。但是,为了使用车把运行时库,您必须首先编译现有模板。

运行时库中没有Handlebars.compile函数。

以下是一些链接:

http://handlebarsjs.com/precompilation.html

http://berzniz.com/post/24743062344/handling-handlebars-js-like-a-pro