doT.js [object HTMLScriptElement] öğesinin döndürülmesi

Question

doT.js Burada başlangıç, nazik olun. Çerçeve ile basit başlamaya çalışıyorum. Ön sayfadan okuduktan sonra, orada çalışmak için bütün örnekleri alabiliyordum. Ancak, doT.js'yi kendi çözümüme taşımak, hayal ettiğimden daha büyük bir sorun gibi görünüyor.

İçeriğini oluşturmak için doT.js'yi kullanarak basit bir tablo oluşturmaya çalışıyorum.

JsFiddle here.

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

Senaryomun gerisi:

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

İlk satır beyan doT.js kendi düzenleyicisi kullanarak

çok kodun çalışma bu çok basit blok elde edebildi veri, ikincisi onu şablonuma bağlar ve üçüncü ise onu DOM'a ekler. Ancak bunu yapmak, tablo içeriğimi görmeyi umduğum yeri gösteren [object HTMLScriptElement] sonucunu verir.

Burada bana ne eksik olduğumu basit bir şekilde açıklayabilir misiniz?

Answer 1

Bir adım eksikti. Güncelleme 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); 

3. DOM

içine sonuçlarınızı yerleştirin şablonun

bağlamak verilerine şablonun içeriğini içeriğini almak verilerini beyan

doT.tempalte() otomatik olarak id tarafından bir şeye bağlanmaz, bunun yerine kendi ifadesini alır. doğrudan iyonlar.