Question

详细信息： 尝试从目录csvFiles读取totals.csv文件并显示一个数字（这是其中的所有csv文件）。这并不重要，但数据是MSSQL创建的RMA总数的单一值。例如，如果文件中的数字是2866，我想在屏幕上显示该数字。

我尝试了什么 我试图使用下面的示例而不是结果。我用totals.csv替换.htm文件。

＆＃13;

<script type="text/javascript">
    Papa.parse("totals.csv", {
    download: true,
    complete: function (results) {
    $scope.results = results.data;
    $scope.fields = results.meta.fields;
    $scope.$apply();
    }
    });
    </script>

＆＃13;

<div id="sidebar">
    
    <div id="box1" class="displayBox" ng-app="" >
    <h1>2016 RMA TOTAL</h1>
    <table>
    <tr>
    <th></th>
    </tr>
    <tr ng-repeat='r in results'>
    <td ng-repeat='c in fields'>
    <h3>{{r[c]}}</h3>
    </td>
    </tr>
    </table>
    </div>
    
    <div id="box2" class="displayBox">
    <h1>2017 RMA TOTAL</h1>
    <h3>846</h3>
    </div>
    
    <div id="box3" class="displayBox">
    <h1>2017 CLOSED RMAs </h1>
    <h3>565</h3>
    </div>
    
    <hr>
    <div class="clockContainer">
    <div id="date"></div>
    <ul>
    <li id="hours"></li>
    <li id="point">:</li>
    <li id="min"></li>
    </ul>
    </div>
    </div>

＆＃13;

Answer 1

使用一些库进行csv解析，例如papaparse：

在控制器内部，您正在下载文件，解析文件并将范围属性设置为数据和标题行（可能与另一个库不同）：

Papa.parse("//mysite/totals.csv", {
  download: true,
  complete: function(results) {
    $scope.results = results.data;
    $scope.fields = results.meta.fields;
    $scope.$apply();
  }
});

在你看来你只是迭代：

<table>
<tr>
  <th ng-repeat='c in fields'>{{ c }}</th>
</tr>
<tr ng-repeat='r in results'>
    <td ng-repeat='c in fields'>
      {{ r[c] }} 
    </td>
</tr>
</table>

阅读＆amp;显示CSV文件

1 个答案: