Angular UI Grid如何为单列显示多个字段

Question

我正在使用Angular Ui Grid。如何为单个列显示多个字段？谢谢。

我需要在同一列上同时显示streetNumber 和StreetName。我该怎么做？

vm.propertyListGridOptions = {
                appScopeProvider: vm,
                flatEntityAccess: false,
                fastWatch: true,
                showHeader: false,
                columnDefs: [
                    {
                        name: app.localize('IplNumber'),
                        field: 'id',
                        width: 100,
                    },
                    {
                        name: app.localize('BrAddress'),
                        field: 'address.streetNumber',
                        width: 140,
                    }

                ],
                data: []
            };

Answer 1

你可以像这样使用自定义模板

$scope.gridOptions['columnDefs'] = [

    {field: 'name', displayName: 'Name'},
    {field: 'options',displayName: 'Options', cellTemplate: '<span>{{row.entity.streetNumber}} {{row.entity.StreetName}}</span>'}
];

您也可以参考此页面获取自定义模板的文档http://ui-grid.info/docs/#/tutorial/317_custom_templates