如何将 IgniteUI igGrid(Infragistics)与 AngularJS 集成并导出到 Excel

Question

我是AngularJS和IgniteUI的新手。到目前为止，我找不到任何将基础设施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"));