有一个AngularJS Ui-grid错误

Question

我有一个单页应用程序与角js,猫鼬,快递等.试图使用角度ui网格并有一个错误:

"TypeError:无法在$ get.w.instance(angular.js:8493)的Object.e [as invoke](angular.js:4203)处读取new(ui-grid.js:2967)中未定义的属性'data'. )在角度.js:7739处于r(angular.js:331)处于B(angular.js:7738)处于$ get.c(angular.js:8016)处于g(angular.js:7117)处于B处(角度. .js:7763)at 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:Object1:Object2:Object3:Object4:Object5:Object6:Object7:Object8:Object9:Object10:Object11:Object

所以,在数据中我有数据

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>

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