1

Archivo color.service.ts:

import { Injectable } from '@angular/core';
import { HttpClient, HttpClientModule } from '@angular/common/http';
import { HttpModule } from '@angular/http';
import { GLOBAL } from '../services/global';

@Injectable()
export class ColorService {
    public url: string;
    constructor(private http:HttpClient){
        this.url = GLOBAL.url;
    }
    LoadData(data){
        const link = this.http.post( this.url+'colores/listar', data )
        .subscribe(
            resp=> {
              console.log(resp);
            },
            error => {
                console.log("Error", error);
            }
        );
        return link
    }
}

Lo importo en mi componente:

import { ColorService } from '../services/color.service';

En el constructor:

private dataService: ColorService

Y llamo la función LoadData() en mi componente:

console.log(this.dataService.LoadData(this.colores));

Esto me genera el siguiente error: error

Actualizacion 1:

Al agregarlo al app.module como lo sugiere @jacknavarow, me arroja el siguiente error: error

3
  • @JackNavaRow actualizado con tu sugerencia.
    – bypabloc_
    Commented el 4 oct. 2018 a las 16:58
  • @JackNavaRow Lo coloque como dices y sigue persistiendo, adjunto una imagen para que veas como lo hice: main.module
    – bypabloc_
    Commented el 4 oct. 2018 a las 17:07
  • @JackNavaRow listo, agregandolo al app.component como dices, me soluciono el error. Gracias hermano.
    – bypabloc_
    Commented el 4 oct. 2018 a las 17:18

1 respuesta 1

4

Tienes que importar tu servicio al Modulo de tu aplicacion , puede ser al principal o bien, exclusivo al modulo de donde estas trabajando:

@NgModule({ imports: [...] , providers: [ ..... , ColorService ], ... })

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.