導入JSON數據后的Angular JS動態網格標題

Question

從下面的代碼中，我將獲得具有Name，Gender和Company列的網格。

現在，我將如何動態更改Grid列名稱：就像我想要的是FirstName而不是Name

 <!doctype html>
 <html ng-app="app">
  <head>
   <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.js"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-touch.js">     </script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-animate.js"> </script>
  <script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script>
  <script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script>
  <script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"> </script>
  <script src="/release/ui-grid-unstable.js"></script>
  <script src="/release/ui-grid-unstable.css"></script>
  <script> 
   var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid', 'ui.grid.importer']);

    app.controller('MainCtrl', ['$scope', '$http', '$interval', function ($scope, $http, $interval) {
    $scope.data = [];
    $scope.gridOptions = {
    enableGridMenu: true,
    data: 'data',
    importerDataAddCallback: function ( grid, newObjects ) {
    $scope.data = $scope.data.concat( newObjects );
    },
   onRegisterApi: function(gridApi){ 
   $scope.gridApi = gridApi;
   }
  };
  }]);
 </script>
  </head>
   <body>
     <div ng-controller="MainCtrl">
      <div ui-grid="gridOptions" ui-grid-importer class="grid"></div>
     </div>
  </body>
 </html>

支持這是json文件

[{
  "Name":"John Smith",
  "Gender":"male",
  "Company":"TestIcon"
 },
 {
  "Name":"Jane Doe",
  "Gender":"female",
  "Company":"FastTruck"
 }]

從下面的代碼中，我將獲得具有Name，Gender和Company列的網格。

現在，我將如何動態更改Grid列名稱：就像我想要的是FirstName而不是Name

大家請幫我整理一下嗎？

Answer 1

我想你要：

columnDefs: [
   { field: 'Name', displayName: 'FirstName' },
   { field: 'Gender' },
   { field: 'Company' }
]

導入JSON數據后的Angular JS動態網格標題

問題描述

1 個解決方案

解決方案1
0 2015-05-08 01:48:50

導入JSON數據后的Angular JS動態網格標題

問題描述

1 個解決方案

解決方案1 0 2015-05-08 01:48:50

解決方案1
0 2015-05-08 01:48:50