angular5 - @ngx-translate 与 Angular 5 中的延迟加载模块

Question

我正在创建的 Angular 5 应用程序中使用 @ngx-translate 进行语言处理。该应用程序有两个功能模块，一个是延迟加载，一个是急切加载。

问题是翻译管道在急切加载的模块中工作正常，但在延迟加载的模块中工作得不好。我该如何解决这个问题？

Answer 1

在我的延迟加载模块中，我必须将其添加到导入中:

TranslateModule.forChild({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      }
    })

也在延迟加载组件中我做了类似的事情:

import {TranslateService} from '@ngx-translate/core';

在构造函数中:

private translate: TranslateService

最后是 onInit:

this.translate.use(language);

而且它工作得很好。