角度 UI-网格网格 尝试保存状态时未定义 Api

Question

我正在使用Angular ui-grid，并在尝试保存网格状态时出错。网格 Api 似乎未定义。我创建了一个 Plunker 来演示错误。您可以在 View2Controller 中找到该语句.js在 vm.saveState 函数下。

angular.module('app').controller('View2Controller').$inject = ['$scope', '$http', 'uigridconstants'];

和

angular.module('app').controller('View2Controller', function ($scope, $http, uiGridConstants) {
var vm = this;
vm.customers = [];
vm.selectedText = '';
vm.selectedItems = [];
vm.gridOptions = {
    onRegisterApi: function (gridApi) {
        $scope.gridApi = gridApi;
    },        
    data: 'vm.customers',
    columnDefs: [
      {
          field: 'status', name: '', width: 50, sort: {
              direction: uiGridConstants.DESC,
              priority: 0
          }
      },
      {
          field: 'member', name: 'M', width: 50, type: 'boolean',
          cellTemplate: '<input type="checkbox" ng-model="row.entity.lid" >'
      },
      {
          field: 'company', name: 'Company', width: 200, minWidth: 200, maxWidth: 600
      }
    ]
};
$http.get('customers.json')
.success(function (data) {
    vm.customers = data;
});
vm.saveState = function(){
  //debugger;
  var stateToSave = $scope.gridApi.saveState.save();
  console.log(stateToSave);
};
});

非常感谢任何帮助。

Answer 1

代码有几个问题。一个是控制器 View2Controller 的两个实例。

其次，您需要在应用中使用"ui.grid.saveState"模块来获取保存状态功能。

<div>
    <div ui-grid="vm.gridOptions" ui-grid-save-state class="myGrid"></div>
</div>

var app = angular.module('app', [
    'ui.router',
    'ui.grid',
    'ui.grid.saveState'
]);

在这里查看 plnkr

http://plnkr.co/edit/OQp4cmZiu87cjeKQwFi6?p=preview