Angular Excel 라이브러리 개요

Infragistics Angular Excel 라이브러리를 사용하면 workbook, Worksheet, IgxCell, Formula 등과 같은 친숙한 Microsoft® Excel® 스프레드시트 개체를 사용하여 스프레드시트 데이터로 작업할 수 있습니다. Infragistics Angular Excel 라이브러리를 사용하면 Excel 스프레드시트에 애플리케이션 데이터를 쉽게 표시할 수 있을 뿐만 아니라 Excel의 데이터를 애플리케이션으로 전송할 수도 있습니다.

Angular Excel Library Example

Dependencies

엑셀 패키지 설치 시 코어 패키지도 함께 설치해야 합니다.

npm install --save igniteui-angular-core
npm install --save igniteui-angular-excel

Component Modules

Angular Excel 라이브러리에는 다음 모듈이 필요합니다.

// app.module.ts
import { IgxExcelModule } from 'igniteui-angular-excel';

@NgModule({
    imports: [
        // ...
        IgxExcelModule,
        // ...
    ]
})
export class AppModule {}

Modules Implementation

Excel 라이브러리에는 앱의 번들 크기를 제한하는 데 사용할 수 있는 5개의 모듈이 포함되어 있습니다.

IgxExcelCoreModule– 여기에는 개체 모델과 Excel 인프라의 대부분이 포함되어 있습니다.
IgxExcelFunctionsModule– 여기에는 Sum, Average, Min, Max 등과 같은 수식 평가를 위한 대부분의 함수가 포함되어 있습니다. 이 모듈이 없어도 수식을 계산할 경우 수식 구문 분석에 문제가 발생하지 않습니다. 예를 들어 “=SUM(A1:A5)”와 같은 수식을 적용하고 셀의 값을 요청하면 #NAME!이 표시됩니다. 오류가 반환되었습니다. 이는 예외 발생이 아닙니다. 수식으로 인해 오류가 발생할 수 있으므로 특정 오류를 나타내는 개체입니다.
IgxExcelXlsModule– 여기에는 xls(및 관련) 유형 파일, 즉 Excel97to2003 관련 WorkbookFormats에 대한 로드 및 저장 논리가 포함되어 있습니다.
IgxExcelXlsxModule– 여기에는 xlsx(및 관련) 유형 파일, 즉 Excel2007 관련 및 StrictOpenXml WorkbookFormats에 대한 로드 및 저장 논리가 포함되어 있습니다.
IgxExcelModule– 이는 다른 4개의 모듈을 참조하므로 기본적으로 모든 기능이 로드/사용 가능하도록 보장합니다.

Supported Versions of Microsoft Excel

다음은 지원되는 Excel 버전 목록입니다.**

마이크로소프트 엑셀 97
마이크로소프트 엑셀 2000
마이크로소프트 엑셀 2002
마이크로소프트 엑셀 2003
마이크로소프트 엑셀 2007
마이크로소프트 엑셀 2010
마이크로소프트 엑셀 2013
마이크로소프트 엑셀 2016

Load and Save Workbooks

이제 Excel 라이브러리 모듈을 가져왔으므로 다음 단계는 통합 문서를 로드하는 것입니다.

다음 코드 조각에서는 외부 Excel유틸리티 클래스는 저장하고 로드하는 데 사용됩니다. workbook.

통합 workbook 개체를 로드하고 저장하려면 실제 workbook 개체의 저장 메서드와 정적 Load 메서드를 활용할 수 있습니다.

import { Workbook } from "igniteui-angular-excel";
import { WorkbookSaveOptions } from "igniteui-angular-excel";
import { WorkbookFormat } from "igniteui-angular-excel";
import { ExcelUtility } from "ExcelUtility";

var workbook = ExcelUtility.load(file);
ExcelUtility.save(workbook, "fileName");

Managing Heap

Excel 라이브러리의 크기로 인해 소스 맵 생성을 비활성화하는 것이 좋습니다.

건축가 => 빌드 => 옵션 및 봉사 => 옵션에서 vendorSourceMap 옵션을 설정하여 angular.json을 수정합니다.

    "architect": {
        "build": {
          "builder": "...",
          "options": {
            "vendorSourceMap": false,
            "outputPath": "dist",
            "index": "src/index.html",
            "main": "src/main.ts",
            "tsConfig": "src/tsconfig.app.json",
                  // ...
          },
              // ...
        },
        "serve": {
          "builder": "...",
          "options": {
            "vendorSourceMap": false,
            "browserTarget": "my-app:build"
          },
              // ...
        },
        // ...
      }

API References

Load
WorkbookInProcessRuntime
Worksheet
workbook