使用 ng-file-upload 时未定义工厂

Question

我有一个表格，我可以在其中保存一些详细信息并上传一个文件。我有一家工厂，可以从中获取一些数据。当我使用 ng-file-upload 时，工厂未定义。这是代码：

      angular.module('tollApp')
     .controller('mstrEmployeeCtrl',['Upload','$window',
       function(Upload,$window,$scope,$http,$timeout,$filter,$mdToast,userDetailsFactory){

       $scope.ipForHttp = userDetailsFactory.getUserDetailsFromFactory().ipAddress;
    //`userDetailsFactory` is undefined
       $scope.SaveData = function(){
            // $scope.dobObj = new Date($scope.Emp.EmpDoB);
             if ($scope.myform.$valid && $scope.passwordEqual) {
            Upload.upload({
                url: '$scope.ipForHttp+"addEmployee?EmpID="+$scope.Emp.EmpID,

                data:{file:file} //pass file as data, should be user ng-model
            })
            .then(function(response){
                $scope.error=response.data.code;
                console.log(JSON.stringify(response));
               console.log($scope.error+" SCOPE");

            })
                $scope.submitted = false;
            }
        };

}
]);

错误：

angular.min.js:117 TypeError: Cannot read property 'getUserDetailsFromFactory' of undefined
at new <anonymous> (http://192.168.1.19/public/javascripts/mstrEmployeeCtrl.js:4:38)
at Object.instantiate (http://192.168.1.19/public/javascripts/angular.min.js:41:477)
at http://192.168.1.19/public/javascripts/angular.min.js:90:3
at Object.link (http://192.168.1.19/node_modules/angular-route/angular-route.min.js:7:274)
at http://192.168.1.19/public/javascripts/angular.min.js:16:230
at ia (http://192.168.1.19/public/javascripts/angular.min.js:81:35)
at n (http://192.168.1.19/public/javascripts/angular.min.js:66:176)
at g (http://192.168.1.19/public/javascripts/angular.min.js:58:429)
at http://192.168.1.19/public/javascripts/angular.min.js:58:67
at http://192.168.1.19/public/javascripts/angular.min.js:62:430 <div data-ng-view="" class="ng-scope" data-ng-animate="1">

未定义的工厂：

    angular.module('tollApp')
.controller('indexController', function($scope,$http,$window,userDetailsFactory){
    $scope.usernameFromServer={};
    $scope.getUserDetails = function(){
        $http({
            method:'GET',
            url:'http://192.168.1.19:80/getUserDetails'
        })
        .then(function(response){

            // console.log(JSON.stringify(response));
            userDetailsFactory.setUserDetailsInFactory(response.data);
        $scope.usernameFromFactory = userDetailsFactory.getUserDetailsFromFactory().usernameFromSession;

            // $scope.usernameFromServer = userDetailsFactory.getUserDetailsFromFactory().username;
            // console.log(JSON.stringify($scope.usernameFromFactory)+"usernameFromFactory");
        })
    }
    $scope.logout = function(request,response){
        $http({
            method:'GET',
            url:'/logout'
        })
        .then(function(response){
            console.log(JSON.stringify(response));
            if(response.data=="logout"){
                $window.location.href="http://192.168.1.19:80/login";
            }
        })
    }
    console.log("indexController");
}).factory('userDetailsFactory',function(){
    var user = {};
    return {
        setUserDetailsInFactory : function(val){
            user.useridFromSession = val[0].UserID;
            user.usernameFromSession = val[0].UserName;
            user.userroleFromSession = val[0].UserRole;
            user.clientidFromSession = val[0].ClientID;
             user.ipAddress = "http://192.168.1.19:80/";
            // user.ipAddress = "http://easypaytoll.com/";
            // console.log("in set "+user.clientidFromSession);
        },
        getUserDetailsFromFactory : function(){
            return user;
        }
    };
});

Answer 1

这是一个注入问题。您必须将 userDetailsFactory 放入数组中：

angular.module('tollApp')
     .controller('mstrEmployeeCtrl',['Upload','$window','$scope', '$http','$timeout','$filter','$mdToast','userDetailsFactory'
       function(Upload,$window,$scope,$http,$timeout,$filter,$mdToast,userDetailsFactory){

编辑 1 您的错误很明显：userDetailsFactory 未定义。你是如何定义这个工厂的？它在同一个模块中吗？如果没有，您是否将其模块添加到应用程序的模块依赖项中？

使用 ng-file-upload 时未定义工厂

factory is undefined when using ng-file-upload

javascript

angularjs

ng-file-upload

angular-module