installation with Angular

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


1 Reply

LD LeoLavanya Dhanaraj Syncfusion Team December 22, 2022 01:19 PM UTC

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


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


ng new my-project


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


cd my-project


  1. Install Syncfusion packages by running the following command:


npm install @syncfusion/ej2-angular-inputs


  1. 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" ]


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


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

@NgModule(

 { imports: [ SliderModule ], ... }

)

export class AppModule { }


  1. 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


Loader.
Up arrow icon