doT.js返回[对象HTMLScriptElement]

Question

这里是doT.js初学者，所以温柔点。我试着从这个框架开始很简单。在翻阅了头版之后，我能够让所有的例子都开始工作。然而，将doT.js移植到我自己的解决方案似乎比我最初想象的要大得多。

我正在尝试使用doT.js创建一个简单的表来呈现其内容。

JsFiddle 这里.

通过使用doT.js自己的编辑器，我能够让这个非常简单的代码块工作：

{{~it :v:i}}
<tr>
   <td>{{= i+1 }}</td>
   <td>{{= v }}</td>
</tr>
{{~}}

我的剧本的其余部分是：

var conts = ['apples','pears','peaches','cherries'];
var popConts = doT.template(contactsTmpl)(conts);
$("#contactsList").html(popConts);

第一行声明数据，第二行将其绑定到我的模板，第三行将其插入到DOM中。然而，这样做会导致[object HTMLScriptElement]出现在我希望看到表内容的地方。

有人能用简单的方式向我解释我在这里错过了什么吗？

Answer 1

错过了一步。更新的jsFiddle：https://jsfiddle.net/oe1d3a0w/1/

var conts = ['apples','pears','peaches','cherries'];
var contactsTmpl = $("#contactsTmpl").html();
var popConts = doT.template(contactsTmpl)(conts);
$("#contactsList").html(popConts);

1. 声明数据
2. 获取模板的内容
3. 将模板的内容绑定到数据
4. 将结果插入DOM中

doT.tempalte()不是由id自动绑定到某物，而是直接输入它的表达式。