Как написать конструктор службы, который требует параметров в угловом 2?

Question

У меня есть компонент, объявляющий службу MetricsService. Для этой службы требуется как http-модуль плюс две строки, определяющие хост, так и используемый ключ.

Служба метрик выглядит следующим образом:

@Injectable() 
export class MetricsService { 
    constructor(
     private http: Http, 
     public wsAuthKey: string, 
     public wsHost: string 
     ) { 
     this.wsAuthKey = wsAuthKey || "blahblahblahblahblahblahblahblah="; 
     this.wsHost  = wsHost || "https://preprod-admin.myservice.ws"; 
    } 

Компонент, который использует это записывается следующим образом:

export class DatavizComponent implements OnInit, OnChanges { 
    constructor(
     private zms: MetricsService, 
    ) { 
    } 

Мой вопрос, как я должен написать компонент конструктор так, что все это работает, в том числе передача хоста и ключа (но не передача http)?

Примечание: код в данный момент не компилируется.

Чтобы быть более точным, я ожидаю, что компонент в условии то данных приложения-зависимости, как это:

export class DatavizComponent implements OnInit, OnChanges { 
     constructor(
      private zms = MetricsService("http://myhost.com", "mykey"), 
     ) { 
     } 

Но если это работает, как передать HTTP?

ОБНОВЛЕНИЯ ПОСЛЕ Предложенное решение:

export class MetricsService { 

    constructor(
     private http: Http, 
     @Inject('wsAuthKey') @Optional() public wsAuthKey?: string, 
     @Inject('wsHost') @Optional() public wsHost?: string 
     ) { 
     this.wsAuthKey = wsAuthKey || "blahblah="; 
     this.wsHost  = wsHost || "https://preprod-admin.host.ws"; 


     console.log("MetricsService constructor=" 
      + " wsAuthKey="+this.wsAuthKey 
      + ", wsHost="+this.wsHost 
     ); 

    } 

В компоненте:

@Component({ 
    selector: 'dataviz-offers-volumes', 
    templateUrl: 'app/dataviz.component.html', 
    styleUrls: ['app/dataviz.component.css'], 
    encapsulation: ViewEncapsulation.None, 
    providers: [ 
     {provide: 'wsAuthKey', useValue: 'abc'}, 
     {provide: 'wsHost',  useValue: 'efg'}, 
    ], 
}) 
export class DatavizComponent implements OnInit, OnChanges { 

    @ViewChild('chart') private chartContainer: ElementRef; 
    @Input() private graphId:string; 
    @Input() private wsAuthKey:string; 
    @Input() private wsHost:string; 
    @Input() private maxSamples=12; 

    constructor(
     private zms: MetricsService 
    ) { 
    } 

В конструктору, журнале является следующим (значение не передается):

MetricsService constructor= wsAuthKey=blahblah=, wsHost=https://preprod-admin.host.ws 

где он должен показывать «abc» и «efg».

Но мне интересно, нет ли проблемы с компонентом, использующим dataviz componentenet. В этом компоненте, следующая информация были переданы:

@Input() private wsAuthKey:string; 
@Input() private wsHost:string; 

Как я хотел бы тег, необязательно предустановленного хоста и ключ:

   <h1>dataviz volume</h1> 
       <div class="chartContainer left" title="Simultaneous offers via dataviz directive"> 
        <dataviz-offers-volumes 
         id="dataviz-volumes1" 
         [graphId]="graphId" 
         [wsAuthKey]="'myauthkey'" 
         [wsHost]="'http://myhost.com'" 
         [maxSamples]="123" 
        > 
        </dataviz-offers-volumes> 
       </div> 

Answer 1

Это общий рецепт, который описан в this question в частности. Это должна быть служба, которая имеет конфигурацию:

@Injectable() 
export class MetricsConfig { 
    wsAuthKey = "blahblahblahblahblahblahblahblah="; 
    wsHost = "https://preprod-admin.myservice.ws"; 
} 

@Injectable() 
export class MetricsService { 
    constructor(
     private http: Http, 
     metricsConfig: MetricsConfig 
    ) { 
     this.wsAuthKey = metricsConfig.wsAuthKey; 
     this.wsHost  = metricsConfig.wsHost; 
    } 
} 

В случае, когда необходимо изменить, оно может быть изменено или продлено на весь модуль или для конкретного компонента:

@Component(
    ... 
    { provide: MetricsConfig, useClass: class ExtendedMetricsConfig { ... } } 
) 
export class DatavizComponent ... 

Там нет реального в этом случае необходимо сделать класс MetricsConfig. Это может быть и поставщик OpaqueToken. Но класс может быть удобно расширен, его легче вводить и уже предоставляет интерфейс для ввода.

Answer 2

Вы можете сделать параметры факультативного путем добавления @Optional() (DI) и ? (машинопись) и @Inject(somekey) для примитивных ценностей, которые не поддерживаются в качестве ключей поставщика

@Injectable() 
export class MetricsService { 
    constructor(
     private http: Http, 
     @Inject('wsAuthKey') @Optional() public wsAuthKey?: string, 
     @Inject('wsHost') @Optional() public wsHost?: string 
     ) { 
     this.wsAuthKey = wsAuthKey || "blahblahblahblahblahblahblahblah="; 
     this.wsHost  = wsHost || "https://preprod-admin.myservice.ws"; 
    } 

providers: [ 
    {provide: 'wsAuthKey', useValue: 'abc'}, 
    {provide: 'wsHost', useValue: 'efg'}, 
] 

Если они , они передаются, в противном случае они игнорируются, но DI все еще может вводить MetricsService.