使用angularjs ui grid 动态加载列名

 1 (function () {
 2     angular.module(‘app‘).controller(‘app.care.workingHours.index‘, [
 3         ‘$scope‘, ‘$window‘, ‘omsCareService‘,
 4         function ($scope, $window, omsCareService) {
 5             var vm = this;
 6             vm.gridOptions = {
 7                 enableSorting: true,
 8                 enableFiltering: false,
 9                 enableColumnMenus: false,
10                 enableVerticalScrollbar: 1,
11                 enableFooterTotalSelected: false,
12                 showColumnFooter: true,
13                 // -------- 分页属性 --------
14                 enablePagination: false, //是否分页,default为true  
15                 enablePaginationControls: false, //使用默认的底部分页
16                 // -------- 选中行设置 --------
17                 enableRowHeaderSelection: false, //是否显示选中checkbox框 ,默认为true
18                 enableSelectAll: false, // 选择所有checkbox是否可用，默认为true; 
19                 onRegisterApi: function (gridApi) {
20                     $scope.gridApi = gridApi;
21                 }
22             };
23 
24             vm.showWorkHours = function () {
25                 omsCareService.query(vm.query).success(function (result) {
26                     if (result) {
27                         vm.gridOptions.columnDefs = [];
28                         vm.gridOptions.data = result.items;
29                         // 动态加载数据列
30                         if (result.colNames != null) {
31                             result.colNames.forEach(function (flag) {
32                                     vm.gridOptions.columnDefs.push({ field: "" + flag + ""});                              
33                             });
34                         }
35                     }
36                 });
37             }
38         }
39     ]);
40 })();