1

Estou tentando fazer uma requisicao com o angular5 para fins de aprendizado e não estou consigo, segue log do console e o codigo fonte.

ERROR Error: Uncaught (in promise): Error: StaticInjectorError[InvestimentosService]: 
  StaticInjectorError[InvestimentosService]: 
    NullInjectorError: No provider for InvestimentosService!
Error: StaticInjectorError[InvestimentosService]: 
  StaticInjectorError[InvestimentosService]: 
    NullInjectorError: No provider for InvestimentosService!
    at _NullInjector.get (core.js:923)
    at resolveToken (core.js:1211)
    at tryResolveToken (core.js:1153)
    at StaticInjector.get (core.js:1024)
    at resolveToken (core.js:1211)
    at tryResolveToken (core.js:1153)
    at StaticInjector.get (core.js:1024)
    at resolveNgModuleDep (core.js:10585)
    at NgModuleRef_.get (core.js:11806)
    at resolveNgModuleDep (core.js:10585)
    at _NullInjector.get (core.js:923)
    at resolveToken (core.js:1211)
    at tryResolveToken (core.js:1153)
    at StaticInjector.get (core.js:1024)
    at resolveToken (core.js:1211)
    at tryResolveToken (core.js:1153)
    at StaticInjector.get (core.js:1024)
    at resolveNgModuleDep (core.js:10585)
    at NgModuleRef_.get (core.js:11806)
    at resolveNgModuleDep (core.js:10585)
    at resolvePromise (zone.js:824)
    at resolvePromise (zone.js:795)
    at eval (zone.js:873)
    at ZoneDelegate.invokeTask (zone.js:425)
    at Object.onInvokeTask (core.js:4620)
    at ZoneDelegate.invokeTask (zone.js:424)
    at Zone.runTask (zone.js:192)
    at drainMicroTaskQueue (zone.js:602)
    at ZoneTask.invokeTask [as invoke] (zone.js:503)
    at invokeTask (zone.js:1540)

Segue codigos

investimentos.component.ts

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms'
import { InvestimentosService } from './investimentos.services'
import { Investimentos } from './investimentos.model'
// import 'rxjs/add/observable/from'
// import { Observable } from "rxjs/Observable";


@Component({
  selector: 'app-investimentos',
  templateUrl: './investimentos.component.html',
  styleUrls: ['./investimentos.component.css']
})
export class InvestimentosComponent implements OnInit {

  Form: FormGroup
  namberPattern = /^[+-]?([0-9]*[.])?[0-9]+$/
  porcentagemDoSeuSELICAno: number
  porcentagemDoSeuSELICMes: number
  // valordoJurosSelic:number
  arSelics: any[] = []
  arCdis: any[] = []
  arPoupancas: any[] = []
  taxas: Investimentos

  constructor(private fb: FormBuilder, private investimentosService: InvestimentosService) { }


  ngOnInit() {
    this.investimentosService.taxas()
    .subscribe(taxas => this.taxas = taxas)
  }
}

investimentos.model.ts

export interface Investimentos {
    selic: string
    cdi: string
}

investimentos.services.ts

import { Injectable } from '@angular/core'
import { HttpClient,HttpParams } from '@angular/common/http'
import { Observable } from 'rxjs/Observable'
import 'rxjs/add/operator/map'
import 'rxjs/add/operator/catch'
import { Investimentos } from "./investimentos.model"


@Injectable()
export class InvestimentosService {
    constructor(private http: HttpClient) { }

    taxas(): Observable<Investimentos> {

        return this.http.get<Investimentos>('http://localhost:8080/aeua/cora/particular/all/backend/index.php')
    }
}

1 Resposta 1

0

Você precisa registrar no module a classe InvestimentosService como um provider.

Explicando:

Todas as classes que utilizam o decorador @Injectable() precisam estar registradas na lista de providers do angular para que ele possa fazer a injeção de dependência. Para fazer isso, vai no arquivo *.module.ts (o mesmo arquivo que está importando o seu component) e inclua seu service na parte de providers, ex.:

@NgModule({
  declarations: [
     InvestimentosComponent
  ],

  providers: [
   InvestimentosService // <-- referência do seu service
  ]
})

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .