doT.js returning [object HTMLScriptElement]
doT.js returning [object HTMLScriptElement]
doT.js这里是初学者,所以要温柔。我试图从这个框架开始变得简单。在通读了头版之后,我能够把那里的所有例子都发挥作用。然而,将doT.js移植到我自己的解决方案似乎比我最初想象的更具挑战性
我正在尝试使用doT.js创建一个简单的表来呈现其内容。
Js在这里出价。
使用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]
出现在我希望看到表内容的地方。
有人能简单地向我解释一下我在这里遗漏了什么吗?
缺少一个步骤。更新的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);
- 声明数据
- 获取模板的内容
- 将模板的内容绑定到数据
- 将结果插入DOM
doT.tempalte()不会通过id
自动绑定到某个对象,而是直接获取其表达式。
相关文章:
- 没有找到相关文章