Jquery 如何使用knockout将动态HTML注入绑定到内部div？

我想用knockout绑定动态HTML。 这里我附上两张图片作为参考

在第一幅图中，我将使用knockout绑定数据。 有一个json对象来自asp.net webservice json格式。之后，当我单击“+”图标时，在“+”项div之后添加了html模板inject，然后用新的json请求绑定该数据

首先，我将ko.Applybindigs（）与整个数据列表绑定，其中一个视图模型和同一个视图模型不适用于新注入的Html元素

晚上我做装订

$(document).ready(function(){
 var ViewModel = function () {            
            var self = this;
             self.result = ko.observableArray('');
             self.newresult = ko.observableArray('');
         };
         var vmLab = new ViewModel();
         ko.applyBindings(vmLab);
});

在“+”图标上注入新的HTML元素后，单击事件。然后尝试在“newresult”observalbe数组中添加json对象数组。。但这是一个错误。 “错误-无法对同一元素多次应用绑定”

我怎样才能通过淘汰赛来达到这个目的。。从jquery添加的一些Html并绑定相同的视图模型。。 请建议我或给出其他解决方案

---

在foreach绑定中使用变量之前，应该在视图模型中声明该变量。 看看这个：

---

你能在@raheelshan上发布一些示例数据吗？fiddle显示了什么？我只看到两个没有标签和功能的复选框？@raheelshan我尝试过，但模板没有绑定json响应。我试着装订，但没有装订唱片。请帮帮我。我用json响应声明变量..使用这个，我格式化json响应。。然后参考JsonResponse变量，我需要绑定它，并且我还添加了注释“通过单击加载html”，就像它中的这样。。不可以。它可以是从服务器提取的数据。在本例中，updateData=JSON.parse（jsonResponse）.planmasterdetails；我已经用内部HTML动态绑定更新了fiddle。您可以通过单击链接并设置为内部Div并通过相同的Ko视图模型绑定它来帮助加载Html内容吗。

var ViewModel = function () {            
    this.result = ko.observableArray([]);              
};

var vmLab = new ViewModel();
ko.applyBindings(vmLab);

vmLab.result(updatedData);