How to convert csv to array

Question

I am trying to convert csv to array on angular 1.5+ionic on hebrew. I am using ng-csv. What I done till now:

Html:

    <ng-csv-import
  class="import"
  content="csv.content"
  header="csv.header"
  header-visible="csv.headerVisible"
  separator="csv.separator"
  separator-visible="csv.separatorVisible"
  result="csv.result"
  encoding="csv.encoding"
  encoding-visible="csv.encodingVisible"></ng-csv-import>

my controller is :

   .controller('SettingsCtrl', function ($scope,$parse) {
    $scope.csv = {
      content: null,
      header: true,
      headerVisible: true,
      separator: ',',
      separatorVisible: true,
      result: null,
      encoding: 'Windows-1255',
      encodingVisible: true
    };

what else should be done to get the object as array.

Rahul Arora · Accepted Answer · 2016-05-29 14:10:50Z

2

Modify the code in your controller as

     $scope.csv = {
        content: null,
        header: true,
        headerVisible: true,
        separator: ',',
        separatorVisible: true,
        result: null,
        encoding: 'ISO-8859-1',
        encodingVisible: true,
        accept:".csv"
    };

and your in your html

        <ng-csv-import content="csv.content"
            header="csv.header"
            separator="csv.separator"
            result="csv.result"
            accept="csv.accept">
        </ng-csv-import>

$scope.csv.result will now be an array of objects

answered May 29, 2016 at 14:10

Rahul Arora

4,5431 gold badge19 silver badges25 bronze badges

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

1 Comment

Vitaly Menchikovsky Over a year ago

hi maybe you know how can I put string to this component to parse it as array? stackoverflow.com/questions/37700699/…

jdphenix · Accepted Answer · 2016-05-29 14:24:33Z

0

$scope.csv.result will contain the result array from conversion. After the user selects a CSV file from the browse button, it will be populated. So, if you just wanted to do a data dump to the screen:

<div ng-if="csv.content">
    {{csv.content}}
</div>

Chances are good you want to do more than that when it gets populated, so you can set up a watch on it

// (in controller) 
$scope.$watch(
    function() { return $scope.csv.content; }, 
    function(newValue, oldValue) { 
        // do something on change
    }
);

edited May 29, 2016 at 14:24

answered May 29, 2016 at 13:52

jdphenix

15.5k5 gold badges46 silver badges74 bronze badges

2 Comments

Vitaly Menchikovsky Over a year ago

lookd working but on first load app its getting error controllers.js:49Uncaught ReferenceError: csv is not defined(…)(anonymous function) @ VM2442:1InjectedScript._evaluateOn @ (program):145InjectedScript._evaluateAndWrap @ (program):137InjectedScript.evaluateOnCallFrame @

jdphenix Over a year ago

That was my error, the first function passed to $watch needs to return what's being watched, so change it to function() { return $scope.csv.content; }

Collectives™ on Stack Overflow

How to convert csv to array

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related