小编man*_*ath的帖子

在ag-grid中显示嵌套的json

我正在使用Angular Grid(ag-grid)显示数据。我试图在我的角度网格中显示嵌套的json数据。但是我没有成功。

以下是示例json数据和colDefs。请提出为什么点运算符不像jqgrid那样不起作用的原因,以映射带有嵌套json字段的网格列。

var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', ['$scope', '$http',
function($scope, $http) {
$scope.myData = [{
"defaultColumns1": {"region":"PA"},
"defaultColumns2": {"LocationName": "loc1",
"LegalName": "legName1"
}
},
{
"defaultColumns1": {"region":"PB"},
"defaultColumns2": {"LocationName": "loc2",
"LegalName": "legName2"
}
}];

$scope.gridOptions = {
  data: 'myData',
  columnDefs: [{
    field: 'defaultColumns1.region',
    displayName: 'Region'
  }, {
    field: 'defaultColumns2.LocationName',
    displayName: 'Location',
    headerGroup: 'address'
  }, {
    field: 'defaultColumns2.LegalName',
    displayName: 'Legal Name',
    headerGroup: 'address'
  }],
  enableColumnResize: true,
  groupHeaders : true
}
}]);
Run Code Online (Sandbox Code Playgroud)

index.html

<!DOCTYPE html>
<html ng-app="myApp">

<head lang="en">
<meta …
Run Code Online (Sandbox Code Playgroud)

javascript json angularjs angular-grid

5
推荐指数
2
解决办法
7908
查看次数

标签 统计

angular-grid ×1

angularjs ×1

javascript ×1

json ×1