繁体 English 中英

从服务文件获取值到app.module的最佳方法

[英]Best way to get a value from service file to app.module

Andrew Junior Howard 2018-10-12 15:19:14 42 2 angular

提示:本站提供中英文对照查看，鼠标放在中文字句上可显示英文原文。若本文未解决您的问题，推荐您尝试使用帮您解决。

我希望导入从服务文件返回的值，例如，服务文件为：

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 ”。

如果是角度服务

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

在app.module.ts中添加此

 providers: [HttpService]

问题未解决？试试使用：帮您解决问题。

app.module 文件中缺少服务实例

[英]lack of service instance in app.module file

Angular将HttpClient从app.module传递到另一个模块到服务

[英]Angular Pass HttpClient from app.module to another module to a service

从 app.module 中的本地 json 文件读取 api url

[英]Read api url from local json file in app.module

在main.ts和app.module中使用相同的服务实例化（到处都是单个）

[英]Use the same service instantiation from main.ts and in app.module (singleton everywhere)

如何从 angular 中的 app.module 调用服务内的方法并使用 Imports 中的值

[英]How to call a method inside a service from app.module in angular and use the values in Imports

ng build上app.module中的单例服务错误

[英]singleton service error in app.module on ng build

如何在app.module中的服务内部调用方法-Angular

[英]How to call a method inside of a service in app.module - Angular

如何从app.module中排除用于生产构建的模块？

[英]How to exclude a module from app.module for production builds?

我的模块没有看到来自app.module的组件

[英]My module doesn't see components from app.module

通过从后端获取数据来设置从 app.module 导入

[英]Set imports from app.module by getting data from backend

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 app.module 文件中缺少服务实例 Angular将HttpClient从app.module传递到另一个模块到服务从 app.module 中的本地 json 文件读取 api url 在main.ts和app.module中使用相同的服务实例化（到处都是单个）如何从 angular 中的 app.module 调用服务内的方法并使用 Imports 中的值 ng build上app.module中的单例服务错误如何在app.module中的服务内部调用方法-Angular 如何从app.module中排除用于生产构建的模块？我的模块没有看到来自app.module的组件通过从后端获取数据来设置从 app.module 导入

相关标签

粤ICP备18138465号 © 2020-2023 STACKOOM.COM