如何使用 Angular JS 的 ng-grid 来改变 JSON 数据?
How to use ng-grid of Angular JS for varying JSON data?
我有一个JSON数据。简化示例:
[{"name":"xxx","age":23},{"name":"yyy","age":25}]
数据可能不同(甚至键也可能不同)。
我想使用 AngularJs 在 UI 上将其显示为 table。我是 Angular 世界的新手。我正在为此使用 ng-grid。
在我的 JS 文件中:
//queryResponse is having above mentioned JSON data.
$scope.gridOptions = {
data: 'queryResponse',
rowHeight:46,
headerRowHeight:40,
enablePaging: false,
showFooter: false,
enableRowSelection: false,
columnDefs: [....]
};
columnDefs
中应该有什么,因为我不能硬编码displayName
,它应该取自 JSON 数据的键,例如 name
& age
上面提到的代码?
只需从 gridoptions 中删除 columnDefs 属性 即可将您的键显示为标题。仅当您想要显示指定键的静态标题时,才包含带有 displayName 的 columnDefs
我有一个JSON数据。简化示例:
[{"name":"xxx","age":23},{"name":"yyy","age":25}]
数据可能不同(甚至键也可能不同)。
我想使用 AngularJs 在 UI 上将其显示为 table。我是 Angular 世界的新手。我正在为此使用 ng-grid。
在我的 JS 文件中:
//queryResponse is having above mentioned JSON data.
$scope.gridOptions = {
data: 'queryResponse',
rowHeight:46,
headerRowHeight:40,
enablePaging: false,
showFooter: false,
enableRowSelection: false,
columnDefs: [....]
};
columnDefs
中应该有什么,因为我不能硬编码displayName
,它应该取自 JSON 数据的键,例如 name
& age
上面提到的代码?
只需从 gridoptions 中删除 columnDefs 属性 即可将您的键显示为标题。仅当您想要显示指定键的静态标题时,才包含带有 displayName 的 columnDefs