Question

使用jQueryTemplate呈现单个JSON属性的最简单方法是什么？

Answer 1

最简单的是：

<div id="content"></div>

<script id="mainTmpl" type="text/html">
    <span>${message}</span>
</script>

<script type="text/javascript">
  var data = {
    message: "hello world"
  };
  $("#mainTmpl").tmpl(data).appendTo("#content");
</script>

如果您不想定义模板，您甚至可以这样做：

<div id="content"></div>

<script type="text/javascript">
  var data = {
    message: "hello world"
  };
  $("<span>${message}</span>").tmpl(data).appendTo("#content");
</script>

如果您只传入一个值，那么您可以使用$ data来访问它，如：

<div id="content"></div>

<script id="mainTmpl" type="text/html">
    <span>${$data}</span>
</script>

<script type="text/javascript">
  var data = "hello world";
  $("#mainTmpl").tmpl(data).appendTo("#content");
</script>

此处示例：http://jsfiddle.net/rniemeyer/2evHS/

如何使用jQuery模板呈现单个JSON属性

1 个答案: