Knockout Mapping插件 - 如何將屬性添加到默認映射？

Question

我本來像這樣的視圖模型：

var ObjectViewModel = function (data) { 
    var self = this; 
    //debugger; 
    self.id = data.id; 
    self.details = data.details; 
    self.children = ko.observableArray(data.children); 

    self.deleteChild = function (child) { 
     // Pending UI 
     // call API here 
     // On success, complete 
     self.children.remove(child); 
    }.bind(self); 

}; 

現在我試圖使用映射插件，這樣我就可以讓孩子們數組元素觀測。我已經這樣做了：

var ObjectViewModel = ko.mapping.fromJS(data); 

但我不知道如何將deleteChild方法添加到此。

Answer 1

我在這裏找到了答案：

Adding properties to the view model created by using the Knockout JS mapping plugin

基本上，每一個我需要添加附加屬性的，我定義了一個新的屬性上innerModel像這樣：

var mapping = { 
    create: function(options) { 
     var innerModel = ko.mapping.fromJS(options.data); 
     innerModel.AdditionalProperty = 'Add Function Here'; 
     return innerModel; 
    } 
}; 

Answer 2

我已經以不同的方式完成了這一工作，似乎也起作用。

function ObjectViewModel(viewModel) { 
    var self = this; 

    // bind the vm to self 
    ko.utils.extend(self, viewModel); 

    self.deleteChild = function (child) { 
     // Pending UI 
     // call API here 
     // On success, complete 
     self.children.remove(child); 
    }.bind(self); 
}; 

var model = new ObjectViewModel(ko.mapping.fromJS(data));