Как отобразить CSV-файл в AngularJS HTTP в таблице? - PullRequest
Новая
       8

Как отобразить CSV-файл в AngularJS HTTP в таблице?

0 голосов
/ 17 января 2019

Данные в файле CSV отображаются в браузере, если я не использую ng-repeat, но они загромождены и неорганизованы. Я хотел бы положить его в таблицу, но я не уверен, код. Приведенный ниже код не работает, но это мое лучшее предположение. 

<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
    <div ng-app="myApp" ng-controller="myCtrl"> 
        <table border="1">
            <tr>
        <td ng-repeat='field in area'>{{field}}</td>
    </tr>
    </table>
        <button class="button" ng-click="click()">Button 1</button>
        <script>
            var app = angular.module('myApp', []);
            app.controller('myCtrl', function($scope, $http) {

                $scope.area= function() {               
                $scope.click = function() {

                    $http.get("test.csv").then(function (response) {
                        $scope.field =response.data;

                    });
                };
                };

            });
        </script>
    </div>
</body>

1 Ответ

0 голосов
/ 17 января 2019

Javascript не может интерпретировать формат CSV напрямую. Сначала вам нужен конвертер (например: convert-csv-to-json) Установите его через npm 

npm install convert-csv-to-json --save

В вашем сценарии 

// $scope.field =response.data;

let csvToJson = require('convert-csv-to-json');

let json = csvToJson.formatValueByType().getJsonFromCsv(response.data);
console.log(json) // You can do whathever you want
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...