IgniteUI igGrid (Infragistics)를 AngularJS와 통합하고 Excel로 내보내기

Question

AngularJS 및 IgniteUI를 처음 사용합니다. 지금까지 저는 IgniteUI를 Infragistics와 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);

을 반드시 가지고있는 엑셀 수출에 필요한 모든 참조와 그럼 당신이 필요로하는 것은 $.ig.GridExcelExporter.exportGrid($("#grid1"));