$ .tmpl işlevinin return nesnesindeki html() işlevini çağırın

Question

Plunker kodu here'dur.

html içeriğini bir jquery şablonundan ve verilerinden kurtarmaya çalışıyorum. tmpl döndürme türü jquery sarılı nesnesi değil mi? plunker

gösterildiği gibi bunun alternatif bir yol ile çalışmak yapabilir Ama anlamaya çalışıyorum:

Bu kod,

$.each($('#movieTemplate').tmpl(movies), function(idx,elt){ 
    tmplContent = tmplContent + elt.html() 
    }); 

elt.html is not a function 

Not olarak hatayı atar $ .tmpl'in dönüş değeri nesne türü?

Answer 1

Kullanım document.createElement bir html kapsayıcı oluşturmanız ve yerine dize olarak html bitiştirme, HTML

var movies = [ 
    { Name: "The Red Violin", ReleaseYear: "1998" }, 
    { Name: "Eyes Wide Shut", ReleaseYear: "1999" }, 
    { Name: "The Inheritance", ReleaseYear: "1976" } 
] 

var tmplContent = $("<div />").append($.tmpl(' <li> <b>${Name}</b> (${ReleaseYear}) </li>', movies)).html() 
$('#results-0').html(tmplContent) 

var tmplContent = document.createElement('div'); 
$.each($('#movieTemplate').tmpl(movies), function(idx,elt){ 
    tmplContent.appendChild(elt); 
    //tmplContent = tmplContent + elt.toString() 
}); 

$('#results-1').html(tmplContent) 

yoksa hala dize olarak kullanmak istiyorsanız, bu şekilde yapabilirsiniz eklemek

$.each($('#movieTemplate').tmpl(movies), function(idx,elt){ 
    tmplContent = tmplContent + $(elt).prop('outerHTML'); 
});