angularjs - Angular，尝试使用服务时出现 "x is not a function"

Question

app.service('situacao', function($log, $q, $http, $rootScope){
    var situacao = this; 
    situacao.lista = {};
    situacao.getAllSituacao = function(){
        var defer = $q.defer();
        console.log("php/getAll.php");
        $http.get($rootScope.endPoint + "php/getAll.php")
            .success(function(res) {
            console.log(res);
            situacao.lista = res;
            defer.resolve(res);
        }).error(function(err, status){
            defer.reject(err);
        }); 
        return defer.promise;
    };
    return situacao;});
    app.controller('listCtrl',['$scope', '$uibModal', '$log', '$http', function(situacao, $scope, $modal, $log, $http) {   
    $scope.init = function(){
        $scope.getAll();
    }
    $scope.getAll = function(){        
        situacao.getAllSituacao().then(function(res){
            //sucess
            $scope.dispSituacao = situacao.lista;  
        }, function(err){
            //error
        })
    };
    $scope.init(); 
}]);

我尝试使用“服务”但出现错误: situacao.getAllSituacao 不是函数。

出了什么问题？

Answer 1

由于您使用的是数组表示法，因此您必须更新注入(inject)才能将其传入:

改变

app.controller('listCtrl', ['$scope', '$uibModal', '$log', '$http', function (situacao, $scope, $modal, $log, $http)

至

app.controller('listCtrl', ['situacao', '$scope', '$uibModal', '$log', '$http', function (situacao, $scope, $modal, $log, $http) {