角度の制御反転（IoC）を実行する

Question

MapServiceというインターフェイスと、GoogleMapsServiceとLeafletMapServiceという2つの実装があるとします。私は、パッケージ（またはAngular2？）が、開発者ではなく必要な実装を呼びたいと思っています。

import { Component } from '@angular/core'; 
import { MapService } from './map.service'; 
import { GoogleMapsService } from './google-maps.service'; 

@Component({ 
    template : `...`, 
    providers: [GoogleMapsService] 
}) 

export class MyComponent { 

    constructor(private googleMapsService : MapService) { //notice the type of the service here 
    } 
} 

どのように私はそれを達成することができます：私は、サービスの種類は、インターフェース（そう、実装に依存しない）ようにしたいコンポーネントに、意味

export interface MapService { 
//define my API 
} 

@Injectable() 
export class GoogleMapsService implements MapService { 
//implement the API 
} 

？あなたはモジュールスコープで同じことを行うことができます

import { Component } from '@angular/core'; 
import { MapService } from './map.service'; 
import { GoogleMapsService } from './google-maps.service'; 

@Component({ 
    template : `...`, 
    providers: [ 
     { provide: MapService, useClass: GoogleMapsService } 
    ] 
}) 

export class MyComponent { 

    constructor(private googleMapsService : MapService) { 
    } 
} 

注：

Answer 1

したがって、@ jb-nizetの素晴らしいコメントに基づいています。私はInjectionTokenを使って欲しいことをしました。ここでは、コードスニペットです：

import { Injectable, InjectionToken } from '@angular/core'; 
export const GOOGLE_MAPS_IMPL = new InjectionToken<MapService>('googleMapImpl'); 

export interface MapService { 
//define the API 
} 

@Injectable() 
export class GoogleMapsService implements MapService { 
//implement the API 
} 

とコンポーネント：

import { Component, Inject } from '@angular/core'; 
import { MapService } from './map.service'; 
import { GoogleMapsService, GOOGLE_MAPS_IMPL } from './google-maps.service'; 

@Component({ 
    template : `...`, 
    providers: [{ provide: GOOGLE_MAPS_IMPL, useClass: GoogleMapsService }] 
}) 

export class MyComponent { 
    constructor(@Inject(GOOGLE_MAPS_IMPL) private googleMapsService : MapService) { 
    } 
} 

Answer 2

は、プロバイダの配列で、次の構文を使用します。