サービスでプロバイダを使用するには？

Question

私は1つのサービスの複数のインスタンスを使用する必要があります。

私はコンポーネントで、このサービスの1つのインスタンスを使用する場合通常、私はこのように書く：

@Component({ 
    selector: 'one-component', 
    providers: [provide("token1", {useClass: Service})], 
    template: ` 
     <h1>App</h1> 
    ` 
}) 
export class OneComponent { 
    constructor(@Inject('token1') service:Service) {} 
} 

しかし、今、私はこのように書き、サービス2にこのサービスを使用する必要があります。

export class Service2 { 
    constructor(@Inject('token1') service:Service) {} 
} 

ご存知のように、それは示しています

ませプロバイダを

Service2のでproviders: [provide("token1", {useClass: Service})]を持っていません。しかし、@Componentがないため、どこに追加できますか？

Answer 1

悲しいことに、この方法は、現在サポートされておらず、現在、私はギュンターの答えはここに完全に正しいとは思わないサポートhttps://github.com/angular/angular/issues/5622

Answer 2

を追加する予定はありませんサービスを構成

感謝。 私がHongbo Miaoの問題を正しく理解していれば、これは「簡単に」達成することができます。 すべての注入でサービスの新しいインスタンスを取得したい場合は、useClassプロバイダ設定の代わりにuseFactoryを使用する必要があります。 Service2が注入され、あなたがService2に"token1"には、プロバイダのエラーを取得していない場合、それは右のインジェクタ、兄弟やOneComponentの親に設定していないので、それはだ

...。

編集：

これが機能するためにあなたが（例えば）ルートコンポーネントであなたのServiceとService2プロバイダを定義する必要があります。この場合、すべてが同じサービスのインスタンスを共有します。

あなたは、各コンポーネントの異なるインスタンスを持つようにしたい場合は、サービスが使用されているコンポーネント・レベルでプロバイダを定義します。 @Inject('StringToken')を使用して

@Component({ 
    providers: [Service, Service2], 
    // Other config props 
}) 
export class RootComponent { 
} 

@Component({ 
    // Config props 
}) 
export class OneComponent { 
    constructor(public service: Service) {} 
    methodx() { 
    this.service... 
    } 
} 

@Component({ 
    // Config props 
}) 
export class TwoComponent { 
    constructor(public service: Service2) {} 
    methodx() { 
    this.service... 
    } 
} 

@Injectable() 
export class Service2 { 
    constructor(public service: Service) { 
    } 
} 

は、あなたが最高のものではなく、推奨される方法ではありません。代わりにTypeトークンを使用してください（上記のコードのように）。

資源：私はapp.module.tsのプロバイダの配列内の2つのサービスを宣言することによって（サービスAにサービスBを使用して）このエラーを修正しました

• http://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html
• http://blog.thoughtram.io/angular/2015/09/17/resolve-service-dependencies-in-angular-2.html

Answer 3

。あなたは、あなたのサービス2を使用しない

@NgModule({ 
    declarations: [...], 
    imports:  [...], 
    providers: [ 
     ServiceA, 
     ServiceB, 
    ], 
    bootstrap: [...], 
})