1. Why Angular Services?

2. Why Angular Services? Logo component Sign-in component Image component Create-account component

3. Why Angular Services? Sign-in component Logo component Consider all these components performing common tasks like accessing the database, rendering images on the view, etc. Image component Create-account component

4. Why Angular Services? Click here to watch the video

5. Why Angular Services? Sign-in component Logo component Image component Create-account component • To avoid rewriting of code, Angular Services are used • A service can be written once and injected into all the components that use that service • A Service could be a function, variable or a feature that an application needs.

6. What are Angular Services?

7. What Are Angular Services? Comp1 Comp2 App Service Comp3 • Normally, components are used to ensure a good user experience • In order to execute tasks, using Services is ideal • A component can delegate tasks like fetching data from the server, validating user input, or logging directly to the console to the Service • These tasks can be made available to any component in the app

8. Features of Angular Services

9. Features of Angular Services Decorated with @Injectibe They share the same piece of code A Service is a Class Hold the business logic Services are singleton Registered on modules or components Share data among components Interact with the backend

10. DEMO

11. DEMO Use case- Create employee details such as name, employee ID and email ID. Click on the employee button to retrieve an employee’s data Add the location for the employees in the list