DEV Community

Robert Look
Robert Look

Posted on

How To Implement Angular Service With Example

we are learning how to create angular service or import service as a global dependency via module and via component with example. In time we will see how to use the Angular service.

Why use Angular service
We sometimes have to use some code in our project again and again, just like we use an API call in our project instead we use Angular service which we once use in Angular service Write our own code and you can use that code anywhere through the components, it gives us ease, so we use Angular Service. We see some examples below.

How To Implement Angular Service With Example

Create Angular Service
To create a service, we need to make use of the command line then open your command prompt. The command for the same is −

ng g service myservice

This is image title

app.module.ts.

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { AboutComponent } from './about/about.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {MatInputModule} from '@angular/material/input';
import {MatButtonModule} from '@angular/material/button';
import { MyserviceService } from './myservice.service';  //  <--------------Import service ---------------

@NgModule({
  declarations: [
    AppComponent,
    AboutComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    MatInputModule, 
    MatButtonModule 
  ],
  providers: [MyserviceService],  //  <------------ add service -------------------
  bootstrap: [AppComponent]
})
export class AppModule { }
Enter fullscreen mode Exit fullscreen mode

Original source: https://www.phpcodingstuff.com/blog/how-to-implement-angular-service.html

Top comments (0)