doT.js [object HTMLScriptElement]を返す

Question

doT.jsここでは初心者ですので、やさしくしてください。私はフレームワークで簡単に始めようとしています。フロントページを読んだあと、そこにあるすべての例を手に入れることができました。しかし、doT.jsを自分のソリューションに移植することは、私が最初に想像していたよりも難しいようです。

私はその内容をレンダリングするためにdoT.jsを使用して単純なテーブルを作成しようとしています。

JsFiddle here。私のスクリプトの残りの部分がある

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

：doT.js独自のエディタを使用して

が、私は、コードの作業のこの非常に単純なブロックを取得することができた

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

最初の行は、宣言していデータは2番目はテンプレートにバインドし、3番目は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によって何かに自動的にバインドされず、イオンを直接放出する。