Angular2: wstrzykiwać non klasę @Injectable

Question

kątową: 2.0.0-beta.9

Czy to możliwe, aby wstrzyknąć non @Injectable klasę w component? Na przykład ta klasa może pochodzić z biblioteki firmy zewnętrznej.

Answer 1

Tak, jest to możliwe. W rzeczywistości dekorator @Injectable nie określa, że ​​dana klasa może być wstrzykiwana do innych, ale że chcemy wprowadzić coś do niej na poziomie jej konstruktora.

Jeśli nie chcesz wstrzykiwać czegoś do swojej klasy, dodawanie dekoratora @Injectable nie jest obowiązkowe. Tę klasę można wstrzykiwać w inne.

Myślę, że ten problem mógłby Github pomóc:

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

Co jest tu ważne jest, aby zrozumieć różnicę między dekoratorów i adnotacji. Oto wielki artykuł na ten temat:

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

Answer 2

myślę tak jest to możliwe. Przetestowałem to bez dekoratora @Injectable i działa dobrze.

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"; 
    }  
} 

---

Jeśli zastanawiasz się, ponieważ niektóre klasy, korzystanie DI w konstruktorze i nie używać @Injectable(). Ponieważ ten dekorowany @, na przykład @Components.

The HeroesComponent również ma wstrzykniętą zależność. Dlaczego nie dodamy @Injectable() do HeroesComponent?

Możemy dodać, jeśli naprawdę chcemy. Nie jest to konieczne, ponieważ HeroesComponent jest już ozdobiony @Component. TypeScript generuje metadane dla dowolnej klasy z dekoratorem, a każdy dekorator zrobi to.

Aby uzyskać więcej informacji można przeczytać link Angular page

Answer 3

Jeśli klasa ma zależności, nadal można używać go w DI.Wystarczy podać fabrykę bo

Jeśli chcesz, aby móc wprowadzić klasę, która sama ma zależności (argumenty konstruktora), ale nie chcą lub nie mogą stosować @Injectable(), a następnie można użyć zamiast fabryki

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

można tworzyć zmienne dla takich dostawców, aby uczynić je łatwo wielokrotnego użytku bez tego uciążliwego deklaracji (jak na przykład HTTP_PROVIDERS)

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

a następnie używać go jak

bootstrap(AppComponent, [SOME_TYPE_PROVIDERS]);