Angularjs 我在angular js中使用ui网格时遇到以下错误
Angularjs 我在angular js中使用ui网格时遇到以下错误,angularjs,Angularjs,var-app=angular.module(“finApp”,“ui.grid”); 应用程序控制器( “finController”, 函数($scope,$http){ $http.get(“url”、“数据”) .然后(功能(响应){ $scope.gridOptions.data=response.data; },函数(errorResponse){}; }); 在http请求之前初始化$scope.gridOptions={}尝试以下操作: 成功响应API后,只需将响应数据导入gr
var-app=angular.module(“finApp”,“ui.grid”);
应用程序控制器(
“finController”,
函数($scope,$http){
$http.get(“url”、“数据”)
.然后(功能(响应){
$scope.gridOptions.data=response.data;
},函数(errorResponse){};
});代码>
在http请求之前初始化$scope.gridOptions={}
尝试以下操作:
成功响应API后,只需将响应数据导入gridData
数组。由于gridData
仅分配回$scope.gridOptions.data
--------
JS file
--------
$scope.gridOptions = {
data: 'gridData',
..........,
..........,
..........
}
$scope.gridData = [];
$scope.gridData = $scope.gridData.concat(response.data);
通过日志或警报检查响应
或“定义网格”列,如下图所示,以测试ui网格是否正常工作:
$scope.gridOptions = {
paginationPageSizes: [10, 20, 50],
paginationPageSize: 10,
enableColumnMenus: false,
columnDefs: [
{
width: '10%',
field: 'lastname',
displayName: 'Last Name'
},
{
width: '25%',
field: 'firstname',
displayName: 'First Name'
},
{
width: '8%',
field: 'Status',
displayName: 'Status'
},
{
width: '6%',
field: "actions",
displayName: "Actions",
cellTemplate: '<a href="#" title="test" class="Icon"></a>'
}
]
};
请参阅:您的回答中可能没有“数据”。检查你的回答。对您的响应数据执行console.log添加了一个片段,其中包含问题中引用的库的最佳版本。
var app = angular.module("finApp", ["ui.grid"]);
app.controller(
"finController",
function($scope,$http){
$http.get("url","data")
.then(function(response) {
$scope.gridOptions.data =response.data;
},function(errorResponse) {
});
});