angular js import csv or json

Question

 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;
  }
 };
 }]);

Suppoese this is the json file

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

Now i wll get the the grid having columns Name, Gender and Company.

Now how will i dynamically change the Grid column names : Like I want FirstName instead of Name

Guys Please help me in sorting this

There is a case in my application, where i have predefined template like My template headers are FirstName, Gender,CompanyName, now i just want to map this template to different names used by different users in their json. — Hardik Munjaal
– Hardik Munjaal, Commented Apr 26, 2015 at 6:48
If you don't know before-hand what column names your users will have, you will need to have a way for them to choose the mapping. Or if you can do a best-guess you could create a pre-defined mapping dictionary, like 'name', 'firstName', 'name1', etc., all map to your 'FirstName' column definition. — c0bra
– c0bra, Commented Apr 26, 2015 at 15:21
Yes I will give the user, a option to map their column to my columns of predefined template. Now my problem is , after mapping how will i dynamically change the grid headers column. — Hardik Munjaal
– Hardik Munjaal, Commented Apr 27, 2015 at 5:50

Logan Tegman · Accepted Answer · 2015-04-26 06:43:00Z

0

Supposing the name of your json object is gridJson:

var newGrid = gridJson.map(function(object) {
  object.FirstName = object.Name;
  delete object.Name;
  return object;
}

Array.map documentation

answered Apr 26, 2015 at 6:43

Logan Tegman

8475 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angular js import csv or json

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related