Angular2 bir bazı değer gerektiren bir hizmet başlatılacaktır zorunda başlatma

Question

için parametre gerekir hizmetini enjekte ve bağımlı parametre enjeksiyonu sırasında "MyService" kurucusuna gerekli parametreyi iletin. Bir şey gibi:

constructor(private svc({ // init vales }) : MyService) {} 

ben API bunu yapmanın bir yolu olup olmadığını bulmak için değişken ve tüm ama ilgilenen geçmek biliyorum.

Answer 1

Açısal takım here yılında önerir resmi yolu var bu

//our root app component 
import {Component, NgModule, Injectable} from '@angular/core' 
import {BrowserModule} from '@angular/platform-browser' 


@Component({ 
    selector: 'my-app', 
    template: ` 
    <div> 
     <h2>Hello {{name}}</h2> 
    </div> 
    `, 
}) 
export class App { 
    name:string; 
    private myService; 
    constructor() { 
    this.myService = new MyService('value'); 
    this.name = 'Angular2' 
    } 
} 



@Injectable() 
export class MyService { 
    private myInit:any; 

    constructor(init: any) { 
    this.myInit = init; 
    console.log('init', this.myInit); 
    } 
} 




@NgModule({ 
    imports: [ BrowserModule ], 
    declarations: [ App ], 
    bootstrap: [ App ] 
}) 
export class AppModule {} 

Answer 2

gibi hizmetlerde parametreleri enjekte, kodumu görüyoruz. Temelde statik olarak yazılan yapılandırma sınıfları enjekte etmenizi sağlar.

1) app.config.ts

import { OpaqueToken } from "@angular/core"; 

export let APP_CONFIG = new OpaqueToken("app.config"); 

export interface IAppConfig { 
    apiEndpoint: string; 
} 

export const AppConfig: IAppConfig = {  
    apiEndpoint: "http://localhost:15422/api/"  
}; 

2) app.module.ts

import { APP_CONFIG, AppConfig } from './app.config'; 

@NgModule({ 
    providers: [ 
     { provide: APP_CONFIG, useValue: AppConfig } 
    ] 
}) 

3) your.service.ts

import { APP_CONFIG, IAppConfig } from './app.config'; 

@Injectable() 
export class YourService { 

    constructor(@Inject(APP_CONFIG) private config: IAppConfig) { 
      // You can use config.apiEndpoint now 
    } 
} 

01:

başarıyla burada uygulanacak ve tüm ilgili koddur

Artık dize adlarını kullanmadan ve statik çekler için arabiriminizi kullanarak her yerde yapılandırmayı enjekte edebilirsiniz. Üretim ve geliştirmede farklı değerler sağlayabilmek için elbette Arabirimi ve sabiti daha da ayırabilirsiniz, örn.