angular creating service

 

To create a service we can just use the following demo code 

import { Injectable } from "@angular/core";

export class Logger {

  log(message: string)

  {

    console.log(message);

  }

}

Then to use that in the component, we can include the following code: 

import { Component, inject } from '@angular/core';

import { Logger } from "./betterLogger";

@Component({

  selector: 'app-ssrcounter',

  imports: [],

  templateUrl: './ssrcounter.component.html',

  styleUrl: './ssrcounter.component.css',

  providers: [Logger]

})

export class SsrcounterComponent {

   //alternative

  //private logger = inject(Logger);

  constructor(privateprivate logger: Logger)

  {

     service.getUsers();

     logger.log("testing")

  }

}