如何将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> 

我想看看下面的

步骤1 如何使用$ scope.datasource填充igGrid？

步骤2 如何将igGrid数据导出到Excel？

Answer 1

我已经准备了小提琴证明这一点 - http://jsfiddle.net/dkamburov/g34wy1mc/2/

一些数据分配到作用域属性足以填充网格数据 - $scope.data = angular.copy(northwindProducts.results);

请确保您有所有为Excel导出所需的引用和那么所有你需要的是$.ig.GridExcelExporter.exportGrid($("#grid1"));