Jquery loại trực tiếp: Render mẫu trong bộ nhớ

Question

Tôi có một mẫu loại trực tiếp:

<script id="draggableHelper" type="text/x-jquery-tmpl"> 
    <div class="draggableHelper"> 
     <span data-bind="text: Name"></span> 
    </div> 
</script> 

là có thể tạo ra kết quả của mẫu, và lưu nó vào bộ nhớ, bằng cách gửi các đối tượng để cư mẫu không?

Cái gì như:

var result = ko.renderTemplate($("#draggableHelper").html(), { Name: "Test" }); 

Answer 1

Có nó có thể áp dụng các ràng buộc để các nút tự do vào DOM. Chỉ cần sử dụng hàm rất hữu ích ko.applyBindingsToNode để đạt được kết quả mong muốn.

ko.renderTemplateX = function(name, data){ 
    // create temporary container for rendered html 
    var temp = $("<div>"); 
    // apply "template" binding to div with specified data 
    ko.applyBindingsToNode(temp[0], { template: { name: name, data: data } }); 
    // save inner html of temporary div 
    var html = temp.html(); 
    // cleanup temporary node and return the result 
    temp.remove(); 
    return html; 
}; 

Hãy xem ví dụ nhỏ này: http://jsfiddle.net/6s4gq/

Cập nhật:

Ban đầu nó là phương pháp ko.renderTemplate nhưng có tích hợp phương pháp trong Knockout có cùng tên. Ghi đè ko.renderTemplate có thể ngừng hoạt động ứng dụng của bạn, đặc biệt nếu bạn đang sử dụng liên kết template. Hãy cẩn thận!

Answer 2

Câu trả lời của f_martinez thực sự gần với những gì tôi cần, tôi chỉ phải chỉ định công cụ mẫu để làm cho nó hoạt động. Chức năng của tôi:

var renderTemplate = function (name, data) { 
    // create temporary container for rendered html 
    var temp = $("<div>"); 

    // apply "template" binding to div with specified data 
    var options = { 
     template: { 
      name: name, 
      data: data, 
      templateEngine: new ko.nativeTemplateEngine() 
     } 
    }; 

    ko.applyBindingsToNode(temp[0], options); 

    // save inner html of temporary div 
    var html = temp.html(); 

    // cleanup temporary node and return the result 
    temp.remove(); 

    return html; 
};