CSVファイルを読み込んで表示する

Question

詳細： ディレクトリcsvFilesからtotals.csvファイルを読み込み、1つの番号を表示しようとしています（すべてのcsvファイルにあります）。重要ではありませんが、データはMSSQLによって作成されたRMA合計の単一の値です。たとえば、ファイルの番号が2866の場合、その番号を画面に表示したいと考えています。

私が試したこと 私は以下の例を結果とともに使用しようとしました。 .htmファイルをtotals.csvに置き換えます。

<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>

<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> 
 

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>