So integrieren Sie IgniteUI igGrid (Infragistics) mit AngularJS und exportieren nach Excel

Question

Ich bin neu in AngularJS und IgniteUI. Bisher konnte ich kein gutes Beispiel für die Integration von Infragistics IgniteUI mit AngularJS finden. Die Beispiele, die ich gefunden habe, funktionieren nicht.

Basierend auf der Probe I die folgenden Dateien

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

integriert haben, würde Ich mag die folgende

Schritt 1 Wie sehen die igGrid mit $ scope.datasource zu füllen?

Schritt 2 Wie exportiert man die igGrid-Daten nach Excel?

Answer 1

Ich habe eine Geige bereit, diesen Beweis - http://jsfiddle.net/dkamburov/g34wy1mc/2/

zuweisen einige Daten in Umfang Eigenschaft genügt, um die Rasterdaten zu füllen - $scope.data = angular.copy(northwindProducts.results);

Stellen Sie sicher, dass alle benötigten Referenzen für die Excel exportiert und dann brauchen Sie nur noch $.ig.GridExcelExporter.exportGrid($("#grid1"));