AngularJS：ui-grid：TypeError：无法读取未定义的属性“getHeaders”答案

【问题标题】：AngularJS: ui-grid: TypeError: Cannot read property 'getHeaders' of undefinedAngularJS：ui-grid：TypeError：无法读取未定义的属性“getHeaders”
【发布时间】：2016-03-04 19:23:53
【问题描述】：

我遇到了这个错误，不知道为什么。在它说“getHeaders”不是一个函数之前。这是我的代码的 sn-ps。

'use strict';

var first = angular.module('App');
first.controller('NewGridCtrl',  ['$scope', '$http', '$timeout', '$modal', '$interval', '$location', 'uiGridConstants', '$filter', '$rootScope', 'GridService',
function($scope, $http, $timeout, $modal, $interval, $location, uiGridConstants, KG, $filter, $rootScope, GridService) {
$( "div[id^='nvtooltip']" ).css( "display" , "none");

var id, af;
$scope.pageNumber=0;
$scope.orderByColumn=null;

$scope.gridOptions = {
    ....
};

GridService.getHeaders().then(
    function(result){
        $scope.headers = result;
        return true;
    },
    function(error){
        console.error(error);
        return false;
    }
);

$scope.gridOptions.columnDefs = [
    $scope.headers
];

}]);

然后是我的服务：

first.factory('GridService', function($q, $http){
return{
    getHeaders: function(){
        return fetchHeaders();
    }
}

function fetchHeaders(){
    var deferred = $q.defer();
    $http.get('v1/headers/').success(function (data) {
        deferred.resolve(data);
    }).error(function (data, status, headers, config) {
        deferred.reject(data);
    });
    return deferred.promise;
}
});

我错过了什么吗？谁能指出我正确的方向？

【问题讨论】：

标签： angularjs grid

【解决方案1】：

你的控制器函数中的参数太多了。

我在这里将注入的服务排列到函数参数中，您可以看到控制器函数期待 KG 参数的对象，但根据名称对齐，您似乎忘记指定要注入的 KG，所以之后所有注入的对象都被移回，而 GridService 未定义。

first.controller('NewGridCtrl',  
       ['$scope', '$http', '$timeout', '$modal', '$interval', '$location', 'uiGridConstants',       '$filter', '$rootScope', 'GridService',
function($scope,   $http,   $timeout,   $modal,   $interval,   $location,   uiGridConstants,   KG,   $filter,   $rootScope,   GridService) {
...}]);

【讨论】：