有一个 AngularJS Ui-grid 错误

Question

我有一个单页应用程序，带有 angular js、mongoose、express 等。尝试使用 Angular ui 网格并出现错误：

"TypeError: 无法读取未定义的属性“数据” 在新的 (ui-grid.js:2967) 在 Object.e [作为调用] (angular.js:4203) 在 $get.w.instance (angular.js:8493) 在 angular.js:7739 在 r (angular.js:331) 在 B (angular.js:7738) 在 $get.c (angular.js:8016) 在 g (angular.js:7117) 在 B (angular.js:7763) 在 g (angular.js:7117)"

这是我的控制器的一部分：

angular.module('flatCtrl', ['flatService', 'ui.grid'])
    .controller('FlatController', function(Flat, socketio){

        vm = this;

        Flat.allFlat()
            .success(function(data){
                vm.flats = data;
                console.log(vm.flats);
                vm.gridOptions.data = data;

            })

和 HTML 的一部分：

<div class="col-md-12" ng-controller="FlatController as flat">
        <div ui-grid="gridOptions"></div>

如果我在成功后尝试使用vm.gridOptions.data = data，则没有任何变化。

在console.log(vm.flats) 中拥有我所有的对象：

[对象，对象，对象，对象，对象，对象，对象，对象， 对象，对象，对象，对象]0：对象1：对象2：对象3：对象4： 对象 5：对象 6：对象 7：对象 8：对象 9：对象 10：对象 11： 对象

所以，在数据中我有数据

Answer 1

改变

vm.gridOptions.data = data;

到

vm.gridOptions = {};
vm.gridOptions.data = data;

或者

vm.gridOptions = { data: data }

和

<div class="col-md-12" ng-controller="FlatController as flat">
    <div ui-grid="flat.gridOptions"></div>

您试图读取未定义的 vm.gridOptions 的 data 属性，因此首先您需要定义 vm.gridOptions 并设置该对象的 data 属性。