Question

我正在寻找一个好的模板库，它允许我使用javascript填充一些静态HTML页面，其中包含一些JSON格式的变量。只会有少数变量发生变化，其中一个变量可能位于<title></title>

中

理想情况下，我正在寻找类似的东西：

<div>
    Name: {name} is currently {age} years old
</div>

然后只需通过JSON提供名称和年龄的值，并在运行时填充值。

有谁知道哪个图书馆运作良好？

提前致谢。

Answer 1

Handlebars.js 使用相当简单

<div class="entry">
  <h1>{{title}}</h1>
  <div class="body">
    {{body}}
  </div>
</div>

查看他们的docs

Answer 2

为什么不直接使用jQuery？

http://jsfiddle.net/chace/NF496/7/

var someJSONName = "Jimmy"
var someJSONAge = "32"

$("#myContent").click(function () {
    $("#myContent").effect("highlight", 1500);
    $("#myContent").text("Name: " + someJSONName + " is currently " + someJSONAge + " years old.");
});

Answer 3

也看看AngularJS。如果您正在处理可能在页面生命周期内发生变化的大型数据集，则会特别优化。

文档：http://angularjs.org/

使用JSON数据填充静态HTML页面

3 个答案: