如何以角度为json提供友好的列名

Question

如何在ng-grid中使用详细字段名称而不是json中使用的字段名称？我有一些小名称来减少json，但我想在显示时使用友好名称。

$scope.data = [{id: 1,
nm: John Doe}
,
{id: 2,
nm: Jane Doe}]

期望的结果：

Id              Name
--------------  -------------------------------
1               John Doe
2               Jane Doe

角度代码：

                $scope.gridOptions = {
                    data: 'data',
                    selectedItems: $scope.mySelections,
                    multiSelect: false
                };

Answer 1

如果您坚持使用小字段名，则可以使用标题明确定义列。

$scope.model.gridOptions = {
 columnDefs: [{ field: 'nm', displayName: 'Full Name' }]
}

Answer 2

您需要在gridOptions中使用列定义：

 $scope.gridOptions = {
                data: 'data',
                columnDefs: [
                   {field: 'id', displayName: 'Id', width: '**'},
                   {field: 'nm', displayName: 'Name', width: '****'}],
                selectedItems: $scope.mySelections,
                multiSelect: false
            };