IgniteUI igGrid（Infragistics）をAngularJSと統合してExcelにエクスポートする方法

Question

AngularJSとIgniteUIの新機能です。これまで、Infragistics IgniteUIをAngularJSと統合する良い例は見つかりませんでした。私が見つけたサンプルはうまくいきません。

私は、次のファイルに

<script src="~/Scripts/jquery-2.0.0.min.js"></script> 
<script src="~/Scripts/jquery-ui-1.12.0.js"></script> 
<script src="~/Scripts/angular.min.js"></script>  

<script src="~/Scripts/Infragistics/js/infragistics.core.js"></script> 
<script src="~/Scripts/Infragistics/js/infragistics.lob.js"></script>  

<script src="~/Scripts/Infragistics/js/extensions/igniteui-angular.js"></script> 

<script src="~/App/igniteUIApp.js"></script> 

<div ng-app="igniteUIApp" ng-controller="SampleController"> 

    <ig-grid id="grid1" 
      data-source="employees" 
      primary-key="EmployeeID" 
      auto-generate-columns="true"> 
    </ig-grid> 
</div> 

を統合したサンプルに基づいて、私は次の

ステップの$ scope.datasourceでigGridを移入する方法1 をご覧になりたいですか？

ステップ2 igGridデータをExcelにエクスポートするにはどうすればよいですか？

Answer 1

私はこれを実証フィドルを用意しました - スコープのプロパティにいくつかのデータを割り当てるhttp://jsfiddle.net/dkamburov/g34wy1mc/2/

は、グリッドデータを移入するのに十分である - $scope.data = angular.copy(northwindProducts.results);

を使用すると、Excelの輸出のために必要なすべての参照を持っていることを確認して、あなたが必要なのは、$.ig.GridExcelExporter.exportGrid($("#grid1"));