Estoy trabajando en un proyecto angular donde tengo un servicio que obtiene los datos de una API.

El código de servicio:

 import { HttpClient } from '@angular/common/http'; import { Injectable } from '@angular/core'; import { Observable } from 'rxjs'; @Injectable({ providedIn: 'root' }) export class CustomersService { constructor(public _HttpClient: HttpClient) { } getUsers(): Observable<any> { return this._HttpClient.get(`http://localhost:1234/labsystem/public/api/users`); } }

Y estoy inyectando el servicio en el componente que necesito para ver a los usuarios en él.

El código del componente:

 import { Component, OnInit } from '@angular/core'; import { CustomersService } from 'src/app/customers.service'; @Component({ selector: 'app-all', templateUrl: './all.component.html', styleUrls: ['./all.component.scss'] }) export class AllComponent implements OnInit { allUsers: any; constructor(public _CustomersService: CustomersService) { _CustomersService.getUsers().subscribe((data) => { this.allUsers = data; }, (error) => { console.log(error) }); } ngOnInit(): void { } }

El error en la consola del navegador:

ERROR Error: NG0200: Dependencia circular en DI detectada para CustomersService. Encuentre más en https://angular.io/errors/NG0200