javascript - Hogan/Mustache 的持久模板(或重复使用模板)？

Question

不完全确定“持久模板”是否是我所追求的，这是我第一次使用 Javascript 模板引擎。我很好奇是否有一种方法可以保持模板数据完整，以便在渲染文档后重新渲染文档......

一个例子——我定义了一个简单的模板片段:

<div id="price">Price: {{current_price}}</div>

我渲染它:

var template = Hogan.compile($("#price").html())
$("#price").html(template.render(price_data))

假设我想每 X 秒更新一次价格信息(触发请求，获取 JSON 并将其推回到 #price)，重新渲染模板失败，因为没有 {{current_price}} 更多。在成功请求后，我可以按照 $('#price').text('Price: ' + Price_data) 做一些事情，但我觉得这在某种程度上使得使用模板背后的想法毫无用处。

所以问题是，在文档上重用模板的方法是什么？将模板数据缓存到变量中并在渲染时重新使用它，还是有更聪明的方法？

谢谢。

Answer 1

你不应该使用一个东西作为它自己的模板，你会遇到各种各样的问题(特别是当你开始向属性添加 mustache 标签，或者有​​条件地显示 html 标签，或者类似的东西时)。

使您的模板成为页面上自己的元素。帮自己一个忙，使用 <script type="text/x-mustache">为其添加标签。