角度 – 离子3与ngx-translate – 懒惰加载

发布时间：2020-12-17 17:33:14 所属栏目：安全来源：网络整理

导读：我正在尝试使用延迟加载将ngx-translate插件集成到我的Ionic 3项目中.我遵循了Ionic Framework网站上的指南. 默认语言加载但使用translate.use()完全没有效果. 我已经在gitbub上发布了这个项目,非常感谢任何帮助. 这是回购的链接： https://github.com/sumod

我正在尝试使用延迟加载将ngx-translate插件集成到我的Ionic 3项目中.我遵循了Ionic Framework网站上的指南.

默认语言加载但使用translate.use()完全没有效果.

我已经在gitbub上发布了这个项目,非常感谢任何帮助.

这是回购的链接：
https://github.com/sumodevelopment/ngx-translate-test

解决方法

更新你的home.module.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { HomePage } from './home';
import { TranslateModule,TranslateLoader } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';
import { Http} from '@angular/http';

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

@NgModule({
  declarations: [
    HomePage,],imports: [
    IonicPageModule.forChild(HomePage),TranslateModule.forChild({
      loader: {
        provide: TranslateLoader,useFactory: (createTranslateLoader),deps: [Http]
      }
    })
  ],exports: [
    HomePage
  ]
})
export class HomePageModule {}

并且无需在app.module.ts中使用TranslateService Provider

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!