Làm thế nào để tải knockout.validation với knockout trong requirejs

Question

Tôi sẽ xác định mô hình của tôi trong yêu cầu js và tôi cần knockout và knockout validation plugin trong mô-đun của tôi và cũng jquery.

define(["knockout","jquery","knockout.validation"], function (ko,$,validation) { 
    // knockout model here with some knockout validation 

    return function SignUpViewModel() { 
    var self = this; 
    self.name = ko.observable(); 
    self.email = ko.observable().extend({ required: true }); 
    self.password = ko.observable().extend({ 
     required: true, 
     minLength: 6 
    }); 
    self.confirmPassword = ko.observable().extend({ mustEqual: self.password() }); 
    self.company = ko.observable(); 
    self.availableCountries = ko.observableArray(['Pakistan', 'USA', 'Egypt', 'UAE']); 
    self.selectedCountry = ko.observable(); 
    self.errors = ko.validation.group(self); 
    }   
}); 

Nhưng khi tôi chạy, tôi gặp lỗi sau.

Uncaught ReferenceError: ko is not defined 

tôi cũng cố gắng để gỡ lỗi và phát hiện ra rằng tất cả các thư viện khác knockout, jquery đang tải một cách hoàn hảo.

và đây là phần cấu hình của tôi

require.config({ 
    baseUrl: "/Scripts", 
    paths: { 
    "Signup" : "Signup", 
    "knockout": "knockout-2.3.0", 
    "knockout.validation": "knockout.validation", 
    "jquery": "require-jquery" 
    } 
}); 

Answer 1

Mô hình của bạn hoạt động tốt với tôi, đây là yêu cầu của tôi cấu hình:

requirejs.config({ 
    baseUrl: '/Scripts', 
    paths: { 
    'jquery': 'jquery-1.9.1.min', 
    'knockout' : 'knockout-2.3.0', 
    } 
}); 
// myModel.js is the file containing your model code. 
require(["myModel", "knockout"], function(model, ko){ 
    ko.applyBindings(new model()); 
}); 

myModel.js

define(["knockout","jquery","knockout.validation"], function (ko,$,validation) { 
// knockout model here with some knockout validation 

    return function SignUpViewModel() { 
    var self = this; 
    self.name = ko.observable(); 
    self.email = ko.observable().extend({ required: true }); 
    self.password = ko.observable().extend({ 
     required: true, 
     minLength: 6 
    }); 
    self.confirmPassword = ko.observable().extend({ mustEqual: self.password() }); 
    self.company = ko.observable(); 
    self.availableCountries = ko.observableArray(['Pakistan', 'USA', 'Egypt', 'UAE']); 
    self.selectedCountry = ko.observable(); 
    self.errors = ko.validation.group(self); 
    };   
}); 

và bạn không cần require-jquery nữa, kể từ jQuery defines named AMD module 'jquery' (all lower case) when it detects AMD/RequireJS.

Answer 2

require.config({ 
    baseUrl: "/Scripts", 
    paths: { 
     "Signup": "Signup", 
     "knockout": "knockout-2.3.0", 
     "knockout.validation": "knockout.validation", 
     "jquery": "require-jquery" 
    }, 
    shim: { 
     "knockout.validation": { 
      "deps": ["knockout"] 
     } 
    } 
}); 

http://www.requirejs.org/docs/api.html#config-shim