typescript - versiones - Angular2 sin proveedor por error de servicio

install angular

Question

Desde el servicio global de acceso a Angular2 sin incluirlo en cada constructor , agarré el código y lo modifiqué ligeramente en:

@Injectable()
export class ApiService {
  constructor(public http: Http) {}

  get(url: string) {
    return http.get(url);
  }

}

@Injectable()
export abstract class BaseService {
  constructor(protected serv: ApiService) {}  
}

@Injectable()
export class MediaService extends BaseService {

  // Why do we need this?
  constructor(s: ApiService) {
    super(s)
  }

  makeCall() {
    this.serv.get("http://www.example.com/get_data")
  }

}

Sin embargo, cuando intento ejecutar este código, aparece un error en la consola:

NoProviderError {mensaje: "¡No hay proveedor para ApiService! (App -> MediaService -> ApiService)", pila: "Error: DI Exception"

Creé un Plunkr con el código en https://plnkr.co/edit/We2k9PDsYMVQWguMhhGl

¿Alguien sabe qué causa este error?

Answer 1

También debe definir ApiService en el atributo de providers .

@Component({
  selector: ''my-app'',
  providers: [MediaService, ApiService], // <-----
  template: `
    <div>
      <h2>Hello {{name}}</h2>
    </div>
  `,
  directives: []
})
export class App {
  constructor(mediaService: MediaService) {
    this.name = ''Angular2''

    console.log(''start'');

    mediaService.makeCall();
  }
}

Es porque los inyectores se basan en los componentes. Si desea obtener más detalles sobre cómo inyectar un servicio en un servicio, puede echar un vistazo a esta pregunta:

• ¿Cuál es la mejor manera de inyectar un servicio en otro en angular 2 (Beta)?