我正在使用淘汰赛,并试图保持真实的 MVVM 结构并试图使对象相互依赖。
这是我目前拥有的,温柔点,我还在学习这个:
模型、视图模型、服务定义:
var App = window.App || {};
(function(ns, $, ko) {
ns.Models = {};
ns.ViewModels = {};
ns.Services = ns.Services || {};
//Service def
ns.Services.SearchService = function() {
this.SearchByName = function(name, callback) {
$.get("/api/SearchByName/" + name, function(d){
callback(d);
});
};
};
//Model Def
ns.Models.SearchResultModel = function(json) {
var self = this;
ko.mapping.fromJS(json, {}, self);
};
//ViewModel def
ns.ViewModels.SearchResultsViewModel = function() {
var self = this;
self.dataService = new ns.Services.SearchService();
self.SearchResults = ko.observableArray();
self.GetSearchResultsByName = function(name){
self.dataService.SearchByName(name, function(d) {
$.each(d, function(i, e) { self.SearchResults.push(new ns.Models.SearchResultModel(e)); });
});
};
};
}(App, jQuery, ko));
我目前可以像这样使用它:
var vm = new App.ViewModels.SearchResultsViewModel();
vm.GetSearchResultsByName("Doe");
ko.applyBindings(vm, document.getElementById("search-results-form"));
这只是我的起点,看起来ko.applyBindings(...)
应该在 ViewModel 的某个地方。
综上所述,我是朝着正确的方向前进还是完全放弃了它?