javascript - 未捕获的类型错误：无法读取未定义的属性“loadDataToGrid”

Question

我有一个代码，用于将从服务器端传递的数据加载到 jQGrid 中。我正在使用 AngularJS 工厂方法来启动调用并返回收到的 json 文档。我Uncaught TypeError: Cannot read property 'loadDataToGrid' of undefined在 chrome 控制台中遇到错误。

将数据加载到 jQueryGrid 中的 JQuery 函数：-

$(function ($scope,$http,$rootScope,retriveDataFromServer) {
$("#list").jqGrid({
    url: retriveDataFromServer.loadDataToGrid($http),
    datatype: "json",
    mtype: "GET",
    colNames: ["Employee First Name", "Employee Last Name", "Contact No"],
    colModel: [
        { name: "fname", width: 55 },
        { name: "lname", width: 60 },
        { name: "contactNo", width: 55, align: "right" },
    ],
    pager: "#pager",
    rowNum: 10,
    autowidth: true,
    rowList: [10, 20, 30],
    sortname: "fname",
    sortorder: "desc",
    viewrecords: true,
    gridview: true,
    autoencode: true,
    caption: "Employee Data Grid"
 });
});

AngulaJS 工厂方法：-

empApp.factory('retriveDataFromServer',function(){
return{
    loadDataToGrid: function($http){
        return $http({
            method : 'GET',
            url : 'http://localhost:8080/IdeaOne/viewall'
        }).then(function(response){
            return response;
        })
    }
 }
});

html:-

<div ng-app="empApp">
    <table id="list"><tr><td></td></tr></table>
    <div id="pager"></div>
</div>

当我通过在 jQuery 方法中指定我的 url 直接加载我的数据时，它工作正常。

有人请指出我哪里出错了。