美文网首页angular 2+ 点点滴滴angular2
ng2-translate结合特性模块问题

ng2-translate结合特性模块问题

作者: Bressanone_w | 来源:发表于2016-11-03 10:06 被阅读383次

在结合ng2-translate插件的时候,作者github主页并没有太多说明结合特性模块的使用。问题是这样的:因为考虑到我是使用路由的按需加载,所以一开始想要在共享模块(sharedModule)中使用ng2-translate并导出,就像图示

图1

然后在每一个特性模块中导入sharedModule。这样是不会有任何效果的。
按照angular官网的说法

按照约定,模块的静态方法 forRoot 可以同时提供并配置服务。 它接收一个服务配置对象,并返回一个 [ModuleWithProviders]
只在应用的根模块 AppModule中调用 forRoot 。 如果在其它模块(特别是惰性加载模块)中调用它则违反了设计意图,并会导致运行时错误。

可以知道forRoot()只应该在根模块中使用。所以调整了代码:

图2

sharedModule中只导入和导出了相关模块(TranslateModule),因为在其他惰性加载的模块中要导入sharedModule。然后在app.module.ts根模块中配置一下

图3

ok,程序可以正常按需加载特性模块,并实现多语言。(语言json文件的按需加载还没实现,后续工作)

相关文章

  • ng2-translate结合特性模块问题

    在结合ng2-translate插件的时候,作者github主页并没有太多说明结合特性模块的使用。问题是这样的:因...

  • lazyload下特性模块导入另一个模块导致的路由问题

    由于代码问题没有做子路由组件,都是采用特性模块(以后再做子路由)。遇到一个问题 结合lazyload每个模块下都会...

  • 一分钟学会 i18n angular2.0 多语言支持

    首先引入ng2-translate 2.在模块中引入他 添加方法 在assets中添加文件 注入他 在组件中注入他...

  • ES6新特性之模块Module用法解析

    这篇文章主要介绍了ES6新特性之模块Module用法,简要说明了模块Module的概念、功能并结合实例形式分析了模...

  • 11.13学习总结

    将温湿度模块和lcd.结合,解决了iic冲突的问题,还差语音模块,光照,烟雾

  • Angular4路由懒加载loadChildren

    要想建立一个惰性加载的特性模块,有三个主要步骤: 1.创建该特性模块。2.创建该特性模块的路由模块。3.配置相关路...

  • Springboot模块分类

    1.1、 spring-boot模块 该模块提供了一些特性用来支持springboot中其他模块,这些特性包含如下...

  • 2018-08-19

    Angular 2 技能图谱 模块 自定义模块 根模块 特性模块 共享模块 核心模块 内置模块 Applicati...

  • webpack打包

    ESM存在环境兼容问题模块文件过多网络请求频繁所有的前端资源都需要模块化 综上所述,模块化是必要的 新特性代码编译...

  • Springboot之spring-boot模块

    一、前言 spring-boot模块提供了一些特性用来支持springboot中其他模块,这些特性包含如下: Sp...

网友评论

  • wkylin:能否整理一下,成系列文章??
    Bressanone_w:我都是有问题解决了记录一下而已:blush:
  • wkylin:赞一个....

本文标题:ng2-translate结合特性模块问题

本文链接:https://www.haomeiwen.com/subject/nxubuttx.html