![](/img/trans.png)
[英]AngularJS angular-file-upload cannot upload data to WebAPI 2 CORS
[英]AngularJS RequireJS loading angular-file-upload
我很难将angular-file-upload模块加载到我的应用程序中。 我一直在阅读所有类型的教程,例子,问题等等。你能帮助我弄清楚我在做错了什么吗?
我收到以下错误消息: Failed to instantiate module angular-file-upload
这是我的代码
MyModule的/ module.js
define(['angular', 'angular.file.upload'], function (angular) {
'use strict';
return angular.module('app.mymodule', ['angularFileUpload']);
});
MyModule的/ index.js
define([
'./routes',
'./models/index',
'./controllers/index',
'./directives/index'
], function () {});
app.js
define([
'angular',
'angular.resource',
'angular.ui.bootstrap',
'angular.ui.router',
'./relation/index',
'./controllers/index',
'./directives/index',
'config'
], function (angular) {
'use strict';
return angular.module('app', [
'ngResource',
'ui.bootstrap',
'ui.router',
'app.relation',
'app.controllers',
'app.directives',
'app.constants'
]);
});
main.js
require.config({
paths: {
'angular': '../lib/angular/angular',
'angular.route': '../lib/angular-route/angular-route',
'angular.resource': '../lib/angular-resource/angular-resource',
'angular.ui.bootstrap': '../lib/angular-bootstrap/ui-bootstrap-tpls',
'angular.ui.router': '../lib/angular-ui-router/angular-ui-router',
'angular.file.upload': '../lib/angular-file-upload/angular-file-upload',
...
},
shim: {
'angular': {'exports': 'angular'},
'angular.resource': ['angular'],
'angular.ui.bootstrap': ['angular'],
'angular.ui.router': ['angular'],
'sails.io' : ['socket.io']
}
});
require([
'angular',
'app',
'config',
'routes'
], function(angular) {
'use strict';
angular.element().ready(function() {
angular.bootstrap(document, ['app']);
});
}
);
如果您查看angular-file-upload
的源代码 ,您可以看到它没有将自己注册为AMD模块,这意味着我们必须提供一个垫片,以确保在加载之前加载所有依赖项angular-file-upload
本身。
这种依赖主要是当然的angular
-因此,我们需要设置一个垫片,以确保angular
之前加载angular-file-upload
。 在你的情况下,我猜requirejs配置应该是这样的:
require.config({
paths: {
"angular" : "relative/path/to/angular",
"angular.file.upload" : "relative/path/to/angular-file-upload",
... other modules
},
shim: {
"angular": {
exports: "angular"
},
"angular.file.upload": ["angular"]
}
})
然后你应该准备摇滚。
如果它是我使用的相同库你可能想要注入angularFileUpload
而不是angular-file-upload
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.