Ignite UI for Angular Extras

This package is part of our private npm feed hosted on https://packages.infragistics.com/npm/js-licensed/. If you are building a commercial product or your license has expired, you will need to acquire a commercial license. There you will find the latest versions of the Ignite UI for Angular packages.

Use our public repository for questions, issues and feature requests.

Start using Ignite UI Angular Extras

Create a project from scratch

1. Execute the following commands

npm i -g @igniteui/angular-schematics
ng new <project name> --collection="@igniteui/angular-schematics" --template=<template id>
cd <project name>
ng g @igniteui/angular-schematics:component grid <component name>
npm install igniteui-angular-extras

Note: If your app needs to be updated from trial to licensed package, check out our official guide on the subject. Use ng g @igniteui/angular-schematics:upgrade-packages.

2. After the package is installed go ahead and:

• Add the IgxExtrasModule to your app.module.ts
• Apply igxChartIntegration, igxConditionalFormatting, igxContextMenu directives to your grid:

<igx-grid #grid1 igxChartIntegration igxConditionalFormatting igxContextMenu
    [autoGenerate]="true" [paging]="true" [data]="localData" >
</igx-grid>

3. Execute npm run start

Build

Execute npm run build:lib to build the project. The build artifacts will be stored in the dist/ directory. By default it builds the project with --prod flag for a production build. In order to run the project with a small sample, execute npm run start