如何訪問Knockout組件中的viewModel？

Question

我正試圖在準備好的文檔上預先清除一個淘汰組件。

我已經寫了下面的代碼：

function Finding(id, trigger) { 
    var self = this; 
    self.id = ko.observable(id); 
    self.trigger = ko.observable(trigger); 
} 

function FindingViewModel() { 
    let self = this; 

    self.findings = ko.observableArray(); 

    self.addFinding = function() { 
     self.findings.push(new Finding(self.findings().length + 1, "")); 
    }; 
    self.removeFinding = function (finding) { 
     self.findings.remove(finding); 
     ko.utils.arrayForEach(self.findings(), function (value, i) { 
      self.findings.replace(value, new Finding(i + 1, value.trigger())); 
     }); 
    }; 
    self.update = function (data) { 
     var findings = data.findings; 
     for (var index = 0; index < findings.length; ++index) { 
      var finding = findings[index]; 
      self.findings.push(new Finding(self.findings().length + 1, finding.trigger)); 
     } 

    }; 
} 

ko.components.register('finding', { 
    template: `<table> 
      <tbody data-bind="foreach: findings"> 
      <tr> 
      <td><span data-bind="text: id"/></td> 
      <td><input data-bind="value: trigger"/></td> 
      <td><a href="#" data-bind="click: $parent.removeFinding">Remove</a></td> 
      </tr></tbody></table> 
      <button data-bind="click: addFinding">Add a Finding</button>`, 

    viewModel: FindingViewModel 

}); 

$(function() { 
    ko.applyBindings(); 
    $.getJSON("/_get_findings", function (data) { 
     //findingModel.update(data); 
    }) 
}); 

我怎樣才能從發現組件從功能的getJSON設置裏面的數據訪問底層視圖模型？

Answer 1

THX到的Jeroen的解決方案是這樣的：

function FindingViewModel() { 
    let self = this; 

    self.findings = ko.observableArray(); 


    self.addFinding = function() { 
     self.findings.push(new Finding(self.findings().length + 1, "")); 
    }; 

    self.removeFinding = function (finding) { 
     self.findings.remove(finding); 
     ko.utils.arrayForEach(self.findings(), function (value, i) { 
      self.findings.replace(value, new Finding(i + 1, value.trigger())); 
     }); 
    }; 

    self.update = function (data) { 
     let findings = data.findings; 
     for (let index = 0; index < findings.length; ++index) { 
      let finding = findings[index]; 
      self.findings.push(new Finding(self.findings().length + 1, finding.trigger)); 
     } 

    }; 

    $.getJSON("/_get_findings", function (data) { 
     self.update(data); 
    }); 
}