從服務文件獲取值到app.module的最佳方法

Question

我希望導入從服務文件返回的值，例如，服務文件為：

http.service.ts

selectedEnvironment() {
  return "abc";
}

但是如何將這個值放入我的app.module文件中。 有沒有首選的方法？

我試過了：

app.module

import { HttpService } from "./http.service";

export function HttpLoaderFactory(httpClient: HttpClient) {
  return new TranslateHttpLoader(httpClient, "./assets/" + HttpService.selectedEnvironment()+"/i18n/", ".json");
}

但是它說“ typeof HttpService類型type上不存在屬性selectedEnvironment ”。

Answer 1

如果是角度服務

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

@Injectable()
export class YourHttpService {
  constructor() {}

  getEnvironment() {
    return "XYZ";
  }
}

您可以在HttpLoaderFactory中將服務指定為參數。 請確保在您的應用程序模塊的deps：[HttpClient，YourHttpService ]和提供程序提供程序：[YourHttpService]中指定了服務名稱

export function HttpLoaderFactory(httpClient: HttpClient,httpService:YourHttpService) {
    console.log(httpService.getEnvironment());
  return new TranslateHttpLoader(httpClient);
}

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient,YourHttpService]
      }
    })
  ],
  providers: [YourHttpService],
  bootstrap: [AppComponent]
})
export class AppModule { }

示例代碼https://stackblitz.com/edit/transalate-vvmckq?file=src/app/app.module.ts

Answer 2

在app.module.ts中添加此

 providers: [HttpService]