当我使用动态html两次applyBindings时，Knockout会变得疯狂
我正在创建一个带有淘汰赛的单页应用程序…
我有一个GlobalViewModel来管理所有动态页面（我通过ajax获取html）。
这是我的问题的一个例子：
http://jsfiddle.net/zWtrr/7/
当我加载相同模板2次（在“显示模板”中单击2次）时，敲门声变得疯狂并重复数据…如果检查可观察数组，则没有重复数据。
HTML：
脚本：
function GlobalViewModel(){ var self = this; self.templateHtml = ko.observable(); self.templateVM = ko.observable(); self.showView = function(){ //i get this html from ajax var pageHtml = ""+ "" + "" + "" + "" + "" + " " + "
" + ""; self.templateHtml(pageHtml) self.templateVM(new ViewModel()) ko.cleanNode(document.getElementById("template")) ko.applyBindings(window.gvm, document.getElementById("template")); } } function ViewModel(){ var self = this; self.selected = ko.observable("All"); self.resultsToShow = ko.observableArray([]); self.result1 = ["Facu", "Feli", "Juli"]; self.result2 = ["Perez","Gonzales","Garcia"]; self.result3 = ["Piti", "Tito", "Gato"]; self.showAll = function (){ self.resultsToShow(self.result1.concat(self.result2,self.result3)); self.selected("All"); } self.showNames = function (){ self.resultsToShow(self.result1); self.selected("Names"); } self.showLastNames = function (){ self.resultsToShow(self.result2); self.selected("LastNames"); } self.showNickNames = function (){ self.resultsToShow(self.result3); self.selected("NickNames"); } self.showAll(); } window.gvm = new GlobalViewModel(); ko.applyBindings(window.gvm, document.getElementById("container"));
清洁原始的“容器”似乎有效。
self.showView = function(){ ... ... ko.cleanNode(document.getElementById("container")); ko.applyBindings(window.gvm, document.getElementById("container")); ..... }