我有一个快速应用程序,它使用把手作为视图模板引擎。
我有一个写作把手模板的页面。问题是该页面的一部分必须由服务器呈现,其他部分必须在客户端上呈现。
<body>
<div>my page with handlebars {{me}}</div>
<script id="each-template" type="text/x-handlebars-template" src="/partials/model1.js">
sample template {{friend}}
</script>
</body>
问题是页面完全呈现给客户端(包括其中的模板)。
<body>
<div>my page with handlebars Patricio</div>
<script id="each-template" type="text/x-handlebars-template" src="/partials/model1.js">
sample template
</script>
</body>
但它应该是:
<body>
<div>my page with handlebars Patricio</div>
<script id="each-template" type="text/x-handlebars-template" src="/partials/model1.js">
sample template {{friend}}
</script>
怎样才能得到这个结果?
答案 0 :(得分:0)
完成此任务的最快和最好的方法是使用预编译的把手模板:
http://handlebarsjs.com/precompilation.html
然后使用运行时消耗
http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars.runtime-v2.0.0.js
通过这种方式,没有要扫描的标记,客户端和服务器都可以使用相同的预编译模板