angularjs - Angular UI Grid如何显示单列的多个字段

标签 angularjs angular-ui-grid

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

我需要在同一列上显示 streetNumberStreetName。我该怎么做?

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: []
            };

最佳答案

您可以使用这样的自定义模板

$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

关于angularjs - Angular UI Grid如何显示单列的多个字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36011428/

相关文章:

javascript - AngularJS - 类型错误 : Cannot read property 'canonicalUrl' of undefined

angularjs - 月份和日期尚未翻译

javascript - 防止 Angular 2 中的内存泄漏?

angularjs - Angular UI 网格 : Add value of selected cell to model

angularjs - ng.grid/ui.grid 行数

javascript - 在 angularJs 中处理资源和图像超时

javascript - 使用 ng-repeat 添加多个 Canvas

angularjs - 如何在 ng-grid 中使用ExternalSorting,并在 sortInfo 上使用 $watch?

angular-ui-grid - 默认情况下如何隐藏列?

javascript - 添加自动翻译到 angular-ui-grid 标题