Question

我是棱角分明的新人，但我正在尝试使用ag-grid。我目前在一个文件中有一个服务，在另一个文件中有一个控制器我能够看到网格列标题，但我无法从我的服务中获取绑定到网格的数据。有人能让我知道我做错了什么。

我试图使用

gridOptions.datasource = myDataSource; - 来自ag-grid网站无法让它发挥作用。

rmdsServices.js

(function () {
'use strict';
var rmdsServices = angular.module('rmdsServices', ['ngResource']);

rmdsServices.factory('rmds', ['$resource',
  function ($resource) {
      return $resource('/api/rmd/', {}, {
          query: { method: 'GET', params: {}, isArray: true }
      });
  }]);

}）（）;

rmdsController.js

(function () {
angular
.module('rmdsApp', ['agGrid', 'rmdsServices'])
.controller('rmdsController', rmdsController)


rmdsController.$inject = ['$scope', 'rmds'];
function rmdsController($scope, rmds) {
    $scope._rmd = rmds.query();


    var columnDefs = [
        { headerName: "RMDID", field: "RMDID", width: 150, editable: true },
        //other columns defs

    ];


    var rowData = $scope._rmd;


    $scope.gridOptions = {
        columnDefs: columnDefs,
        enableFilter: true,
        angularCompileFilters: true,
        enableSorting: true,
        rowSelection: 'single',
        enableColResize: true,
        rowData : rowData,
        angularCompileRows: true
    };
};

}）（）;

我已经添加了以下内容，我可以看到返回的对象，但它们仍未绑定到网格。当我发出警报时，我可以看到物体回来但没有绑定到网格。对不起我对角度有点新鲜。

更新：

        var rowdata = $scope._rmd;
    rmds.query().$promise.then(function (res) {
        $scope._rmd = res;            
    });

    $scope.gridOptions = {
        columnDefs: columnDefs,
        //enableFilter: true,
        //angularCompileFilters: true,
        //enableSorting: true,
        //rowSelection: 'single',
        //enableColResize: true,
        rowData: $scope._rmd
       // angularCompileRows: true
    };

Answer 1

目前，您正在为网格数据设置未定义的值。相反，您应该从服务调用的成功调用中设置$ scope._rmd。

代码

rmds.query().$promise.then(function (res){
    $scope._rmd = res;
});

//directly assign scope variable which update the table onve it will have value
$scope.gridOptions = {
    columnDefs: columnDefs,
    enableFilter: true,
    angularCompileFilters: true,
    enableSorting: true,
    rowSelection: 'single',
    enableColResize: true,
    rowData : $scope._rmd,
    angularCompileRows: true
};

Answer 2

在网格启动后，您需要调用 gridOptions.api.setRowData（）来更新数据。

rmds.query().$promise.then(function (res){
    $scope.gridOptions.api.setRowData(res);
});

来自外部文件中的服务的ag-grid绑定

2 个答案: