Javascript 外部文件中服务的ag网格绑定
我对angular是新手,但我正在尝试使用ag网格。我目前在一个文件中有一个服务,在另一个文件中有一个控制器。我可以看到网格列标题,但无法从我的服务中获取数据以绑定到网格。有人能告诉我我做错了什么吗 我已经试着使用 gridOptions.datasource=myDataSource;--从ag电网站点无法使其工作 rmdsServices.jsJavascript 外部文件中服务的ag网格绑定,javascript,angularjs,angularjs-scope,ag-grid,Javascript,Angularjs,Angularjs Scope,Ag Grid,我对angular是新手,但我正在尝试使用ag网格。我目前在一个文件中有一个服务,在另一个文件中有一个控制器。我可以看到网格列标题,但无法从我的服务中获取数据以绑定到网格。有人能告诉我我做错了什么吗 我已经试着使用 gridOptions.datasource=myDataSource;--从ag电网站点无法使其工作 rmdsServices.js (function () { 'use strict'; var rmdsServices = angular.module('rmdsServic
(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 }
});
}]);
(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
};
};
})()
rmdsController.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 }
});
}]);
(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
};
当前,您正在为网格数据设置未定义的值。相反,您应该从服务调用的success调用设置$scope.\u rmd 代码
您需要调用gridOptions.api.setRowData()在网格初始化后更新数据
rmds.query().$promise.then(function (res){
$scope.gridOptions.api.setRowData(res);
});
谢谢,我不知道为什么我之前没看到这个。很高兴能帮助你..谢谢:)