Structure Service In Angular

1.What İs Service?

Angular services are objects that get instantiated just once during the lifetime of an application. They contain methods that maintain data throughout the life of an application, data is available all the time.

2. What is Angular Services used for?

• Share logic or data between components
  -Encapsulate external interactions such as data access
  -Services are easier to test.
  -Debugging is easier.
  -We can reuse the service in many places.

The application, we might see a search form where we can enter a search term and get a list of products that match that term. After that, we might click a given product to visit that product’s details page.Because our app is client-side, it’s not technically required that we change the URL when we change“pages”. But it’s worth thinking about for a minute: what would be the consequences of using the same URL for all pages?

1. You wouldn’t be able to refresh the page and keep your location within the app
2. You wouldn’t be able to bookmark a page and come back to it later
3. You wouldn’t be able to share the URL of that page with others

Or put in a positive light, routing lets us define a URL string that specifies where within our app a user should be. In our inventory example we could determine a series of different routes for each activity, for instance:The initial root URL could be represented by http://our-app/. When we visit this page, we could be redirected to our “home” route at http://our-app/home. When accessing the ‘About Us’ area, the URL could become http://our-app/about. This way if we sent the URL http://our-app/about to another user they would see same page.

3.How To Create Service?

Step:

ng g service <service_name>

Example;

ng g service new_module/services/testservices

4.How To Use it?

Step 1: We define some variables in the service file.

! For large projects, data will come from database or APIs.

Step 2 : We integrate our service in app module file.

We define in providers

Step 3: We integrate our service into app component file.
We create the Functions to get the data from the Service.

Step 4: We call it in app component html file to present our data to UI

Step Finally: Result

Conclusion

In this article, we learned to what is angular service is and learned how to use it.Thank you. See you in the next article…