typescript - servicio - Angular2: Inyectar una clase no @Injectable

servicios angular 6

Question

angular: 2.0.0-beta.9

¿Es posible inyectar una clase no @Injectable en un component ? Por ejemplo, esta clase podría provenir de una biblioteca de terceros.

Answer 1

Si es posible. De hecho, el decorador @Injectable no especifica que una clase sea inyectable en otras, sino que desea inyectar algo en ella a nivel de su constructor.

Si no desea inyectar algo en su clase, no es obligatorio agregar el decorador @Injectable . Esta clase puede inyectarse en otras.

Creo que este problema de Github podría ayudarte:

• https://github.com/angular/angular/issues/4404

Lo importante aquí es comprender la diferencia entre decoradores y anotaciones. Aquí hay un gran artículo sobre este tema:

• http://blog.thoughtram.io/angular/2015/05/03/the-difference-between-annotations-and-decorators.html

Answer 2

Creo que sí, es posible. Lo probé sin el decorador @Injectable y funciona bien.

plunker

AuthService.ts

 import {Injectable} from ''angular2/core'';
 import {Http, Response,HTTP_PROVIDERS} from ''angular2/http'';
 import ''rxjs/Rx'';
 import {Observable} from ''rxjs/Observable'';

 export interface sharedObject{
  firstName:string;
  lastName:stirng;
 }


export class AuthService{
  user:sharedObject;
  constructor()
  {
    console.log(''AuthService started'')
    this.user={firstName:"micronyks",lastName:"shah"};
  }

  change() {
    console.log(''change to angular2'');
    this.user.firstName="micronyks1";
    this.user.lastName="shah1";
  }     
}

Si te preguntas, porque algunas clases, usan DI en el constructor y no usan @Injectable() . Porque esta decorado @, por ejemplo @Components .

El componente Heroes también tiene una dependencia inyectada. ¿Por qué no agregamos @Injectable () al HeroesComponent?

Podemos agregarlo si realmente queremos. No es necesario porque HeroesComponent ya está decorado con @Component. TypeScript genera metadatos para cualquier clase con un decorador, y cualquier decorador lo hará.

Para más información, puede leer este enlace Página angular

Answer 3

Si la clase tiene dependencias, aún puede usarla en DI. Solo proporcione una fábrica para ello

Si desea poder inyectar una clase que tiene dependencias (argumentos de constructor) pero no quiere o no puede aplicar @Injectable() , puede usar una fábrica en su lugar

bootstrap(AppComponent, [
    SomeDep, 
    provide(SomeType, {useFactory: (dep) => new SomeType(dep), 
        deps: [SomeDep]})
]);

Puede crear variables para dichos proveedores para que sean fácilmente reutilizables sin esta engorrosa declaración (como por ejemplo HTTP_PROVIDERS )

export const SOME_TYPE_PROVIDERS: any[] = [
  SomeDep, 
  provide(SomeType, {useFactory: (dep) => new SomeType(dep), 
      deps: [SomeDep]})
];

y luego usarlo como

bootstrap(AppComponent, [SOME_TYPE_PROVIDERS]);