3
任何人都知道为什么我在这个Angular代码上得到未知提供者?
我使用的角度文件上传指令,并使用这些例子:
似乎无法找出为什么我得到这个错误...
module.js文件:
angular.module('photoApp', ['ngRoute']);
scripts.js中的文件:
// configure our routes
angular.module('photoApp').config(function ($routeProvider) {
$routeProvider
// route for the home page
.when('/', {
templateUrl: 'Pages/home.html',
controller: 'mainController'
})
// route for the contact page
.when('/uploadphoto', {
templateUrl: 'Pages/photoupload.html',
controller: 'photoUploadController'
});
});
// create the controller and inject Angular's $scope
angular.module("photoApp").controller('photoUploadController',
function ($scope, $http, $timeout, $upload) {
$scope.message = 'Upload your photo';
$scope.upload = [];
$scope.fileUploadObj = { testString1: "Test string 1", testString2: "Test string 2"
};
$scope.onFileSelect = function($files) {
//$files: an array of files selected, each file has name, size, and type.
for (var i = 0; i < $files.length; i++) {
var $file = $files[i];
(function(index) {
$scope.upload[index] = $upload.upload({
url: "./api/file/upload", // webapi url
method: "POST",
data: { fileUploadObj: $scope.fileUploadObj },
file: $file
}).progress(function(evt) {
// get upload percentage
console.log('percent: ' + parseInt(100.0 * evt.loaded/evt.total));
}).success(function(data, status, headers, config) {
// file is uploaded successfully
console.log(data);
}).error(function(data, status, headers, config) {
// file failed to upload
console.log(data);
});
})(i);
}
}
$scope.abortUpload = function(index) {
$scope.upload[index].abort();
}
});
哇..感谢队友:)所以... f.eks也是如此。我用于休息服务通信的dataFactory.js文件? –
那么,它取决于*这个'dataFactory.js'是什么。作为一个经验法则,如果您要为应用程序添加新的“功能”,则必须将其列为依赖项。请参阅https://docs.angularjs.org/guide/di – domokun