7 Services

What Is Angular Singleton Service?

In Angular, two ways to make a singleton service -
1.      Include the service in the AppModule
2.      Declare that the service should be provided in the application root.

The preferred way to create a singleton service - Form beginning to Angular 6 is –
import { Injectable } from '@angular/core';

  providedIn: 'root',
export class CustomerService {

Another way to create a singleton service - Include service in the AppModule

customer.service.ts –
import { Injectable } from '@angular/core';

export class CustomersService {

  constructor() { }

And app.module.ts -
import {CustomerService} from './customers.service';

//AppModule class with @NgModule decorator
  //Static, this is the compiler configuration
  //declarations is used for configure the selectors.
  declarations: [
  //Composability and Grouping
  //imports used for composing NgModules together.
  imports: [
  //Runtime or injector configuration
  //providers is used for runtime injector configuration.
  providers: [CustomerService],
  //bootstrapped entry component
  bootstrap: [AppComponent]
export class AppModule { }

For more detail kindly refer the link.... 

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

What Is Angular Singleton Service? What Is Angular Singleton Service? Reviewed by Anil Singh on 11:35 PM Rating: (5)
www.code-sample.com/. Powered by Blogger.