- Prerequisites
- Installing Package
- Install by using
package.json
Contact Support
Installation in Angular
22 Jun 20252 minutes to read
This guide provides detailed instructions on installing Syncfusion® Angular UI Components (Essential JS 2) packages, which extend Angular applications with a wide range of UI controls. These components are available via npm, making installation straightforward and consistent with standard Angular practices.
Prerequisites
To ensure a smooth installation process, make sure you have the following prerequisites:
- Node.js: Ensure Node.js is installed on your machine. You can download it from nodejs.org.
- npm: npm, which comes bundled with Node.js, should also be installed, as it is used to install the Angular packages.
- Angular CLI: Familiarity with Angular and the Angular CLI is recommended for setting up and managing your projects efficiently.
Installing Package
Syncfusion® publishes its Angular UI components on npm. You can install any specific component package using npm. For example, to add the Syncfusion® Grid component to your Angular project, use the following command:
npm install @syncfusion/ej2-angular-grids --save
This command will add the Grid package to your project and update the package.json
file accordingly.
Install by using package.json
To streamline the integration of Syncfusion® components via your package.json
file, follow these steps:
-
Open your
package.json
file located at the root of your Angular project. Add the Syncfusion® Angular UI component library to thedependencies
section, like so:{ "dependencies": { "@syncfusion/ej2-angular-grids": "*" } }
The asterisk (
*
) is a version specifier that installs the latest version of the package. If you wish to specify a particular version, replace*
with the desired version number. Refer to the npm versioning documentation for more details. -
Once you’ve updated the
package.json
, open your terminal, navigate to your project’s root directory, and run the following command to install the dependencies:npm install
This approach takes advantage of the package management capabilities of npm, ensuring that all specified dependencies, including those for Syncfusion®, are installed together.
For a deeper understanding of the
package.json
file and its configuration options, see the official npm documentation.
These steps will integrate the Syncfusion® Angular components into your project, enabling you to start utilizing its features. Different module systems such as ES6 and UMD are supported by Syncfusion®, ensuring compatibility across various project setups.
By following the above instructions, you will successfully add Syncfusion® Angular components to your project, equipping it with robust and high-performance UI elements.