Angular-如何将模块导入子模块?

真恶心

我在Angular应用程序中使用ngx-translate。我导入并完成了app.module.ts中的所有操作:

import {HttpClientModule, HttpClient} from '@angular/common/http';
import {TranslateModule, TranslateLoader} from '@ngx-translate/core';
import {TranslateHttpLoader} from '@ngx-translate/http-loader';

export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http, '/assets/i18n/', '.json');
 }

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

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

我正在导入和导出模块,例如github ngx-translate页面上的示例。翻译器工作正常。

但是我有一个子文件夹,它有自己的module.ts文件pages.module.ts。当我想在页面文件夹中的html文件上使用ngx-translate时,我有信息,该应用程序无法识别该翻译管道。我想我需要将元素从app.module.ts导入pages.module.ts。我尝试过,但是我不知道该怎么做。

qiAlex

您最有可能必须在子模块中使用TranslateModule.forChild(而不是TranslateModule.forRootpages.module.ts

在子模块中,使用“ extend” = true从根模块获取设置

TranslateModule.forChild({
  extend: true
})

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章