installation with Angular

[James]

Can someone direct me to some step by step instructions for installing syncfusion with Angular ?

[LeoLavanya Dhanaraj]

Hi James,

Greetings from Syncfusion support.

To install Syncfusion with Angular, follow these steps:

1. Install the latest version of Node.js from the official website (https://nodejs.org/) if it is not already installed on your system.
2. Install the Angular CLI by running the following command in the terminal:

npm install -g @angular/cli

3. Create a new Angular project by running the following command in the terminal:

ng new my-project

4. Navigate to the project directory by running the following command:

cd my-project

5. Install Syncfusion packages by running the following command:

npm install @syncfusion/ej2-angular-inputs

6. Add the Syncfusion styles to the styles array in the angular.json file:

"styles": [ node_modules/@syncfusion/ej2-angular-inputs/styles/material.css, "src/styles.css" ]

7. Import the Syncfusion modules in the app.module.ts file:

import { SliderModule } from '@syncfusion/ej2-angular-inputs';

@NgModule(

 { imports: [ SliderModule ], ... }

)

export class AppModule { }

8. Use the Syncfusion component in your Angular component template:

<ejs-slider [(value)]='value'></ejs-slider>

Check out the below mentioned Syncfusion Documentation and Video links for further assistance.

Documentation : https://ej2.syncfusion.com/angular/documentation/getting-started/angular-cli/

Video link : https://www.youtube.com/watch?v=lk83TlHQ95c

Follow our suggested way in the documentation and let us know if you need any further assistance.

Regards,

Leo Lavanya Dhanaraj