Angular 独立使用 ngx-translate 全局

Question

我确实有一个简单的问题——如果我们不必每次都导入 TranslateModule 不是很好吗？我想知道是否还有其他方法可以通过新的 Angular 独立版本使其全球化。感谢任何见解！

我一直在尝试在最新版本的 Angular 中全局实现 Translate Pipe，但遇到了一些障碍！我很高兴让我的应用程序支持多语言，但我似乎无法让它工作。我已按照步骤操作并查看了文档，但有些东西没有点击。如果有人有提示或可以指出我正确的方向，我将非常感激！谢谢！

Answer 1

您可以在应用程序级别进行设置，而不是将其导入到每个模块。

export const appConfig: ApplicationConfig = {
providers: [
    provideHttpClient(),
    importProvidersFrom([
      TranslateModule.forRoot({
        loader: {
          provide: TranslateLoader,
          useFactory: (http: HttpClient) => new TranslateHttpLoader(http, './assets/i18n/', '.json'),
          deps: [HttpClient],
        },
      }),
    ]),
  ],
}

importProvidersFrom

用于在应用程序的根级别提供模块和提供程序。

通过 https://v17.angular.io/api/core/importProvidersFrom

了解更多相关信息