带有 $http 服务数据的 ui-grid (ng-grid)答案

【问题标题】：ui-grid (ng-grid) with $http service data带有 $http 服务数据的 ui-grid (ng-grid)
【发布时间】：2016-03-03 13:40:29
【问题描述】：

我正在尝试一次从服务器获取所有数据，然后使用 ui-grid 显示分页数据。

这是我在控制器中所做的：

        $scope.myData = [];
        $http.get($rootScope.app.authApi + 'questions/' + selectedSubtopic.id).then(function (data) {
            $scope.myData = data;
        });

在我的 html 中：

<div ui-grid="{ data: myData }" class="myGrid"></div>

我不断收到这种错误：

【问题讨论】：

可能是版本问题。您是否尝试将ui-grid 和angular 都升级到最新版本？
出于某种原因，我必须坚持使用 angular 1.3.15。但是我安装了最新版本的 ui-grid。我应该降级吗？如果是，是什么版本。
github上有这个issue。您可能会从服务器返回 {} 而不是 []。
代码看起来不错。您应该尝试在 plunkr 中重现此内容，以帮助其他人帮助您的具体案例！

标签： angularjs asynchronous angular-ui-grid ng-grid http-get

【解决方案1】：

我遇到了同样的错误。通过查看 $http.get() 结果，我发现它不是一个数组，而是一个将数据作为其成员之一的对象。所以这应该可以工作：

 $scope.myData = [];
        $http.get($rootScope.app.authApi + 'questions/' + selectedSubtopic.id).then(function (result) {
            $scope.myData = result.data;
        });

【讨论】：