如何將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"));