javascript - dxDataGrid 使用 ngResource 触发对所有类型的 Web api 的无限调用(错误 : [$rootScope:infdig] 10 $digest() iterations reached. 中止!)

Question

我正在使用 dxDataGrid 通过我们的 WebApi (MVC .net) 显示一些数据。 在我们的服务器上，GET 函数第一次正确触发，然后 一切都变得困惑。即使请求 Controller 中根本没有对 POST、DELETE 的调用，服务器也会对 POST、DELETE、GET 进行无限调用。 正如您在下图中看到的错误所示，某些内容明显在循环

[$rootScope:infdig] 已达到 10 次 $digest() 迭代。正在中止!

请求 Controller js代码:

angular.module('wdfApp.controllers')
    .controller('RequestListCtrl', ['$scope', '$http', 'Request', function ($scope, $http, Request) {

        var customStore = new DevExpress.data.CustomStore({
            load: function (loadOptions) {

                var query = Request.query();
                return query.$promise;
            }
        });


        $scope.dataGridOptions = {
            dataSource: customStore,
            remoteOperations:false
            ,
            loadPanel: {
                enabled: false
            },
            scrolling: {
                mode: "virtual"
            },
            sorting: {
                mode: "none"
            }
        };

    }]);

请求服务js代码:

angular.module('wdfApp.services')
.factory('Request', ['$resource',
  function ($resource) {
      return $resource('/api/requests/:request');
  }]);

Answer 1

AngularJS 使用一些自定义函数请求(如 $get、$post、$delete)包装 json 对象。似乎 dxDataGrid 在显示“内容”时触发它们。

为了解决这个问题，我在资源旁边使用了 $http。