首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ng2-translate不适用于angular-cli构建产品

ng2-translate是一个用于Angular应用程序的国际化库,它提供了在应用程序中实现多语言支持的功能。然而,ng2-translate在使用angular-cli构建产品时可能存在一些不适用的问题。

ng2-translate的不适用主要体现在以下几个方面:

  1. 构建配置问题:ng2-translate需要在构建过程中将多语言文件打包到最终的产品中。然而,使用angular-cli构建产品时,构建配置是由angular.json文件控制的,而ng2-translate并没有提供直接集成到angular.json的方式。因此,需要手动配置构建过程,将多语言文件打包到最终产品中。
  2. AOT编译问题:ng2-translate在使用AOT(Ahead-of-Time)编译时可能会遇到一些问题。AOT编译是angular-cli的默认编译方式,它将应用程序的模板在构建过程中编译成JavaScript代码,以提高应用程序的性能。然而,ng2-translate在AOT编译时可能会导致一些翻译无法正常工作的问题。
  3. 维护性问题:ng2-translate是一个相对较早的国际化库,目前已经停止维护。这意味着它可能无法及时跟进Angular的最新版本,可能存在一些兼容性问题。

针对以上问题,推荐使用Angular官方推荐的国际化方案,即使用@angular/localize库。@angular/localize是Angular的官方国际化解决方案,它提供了更好的集成性和兼容性,并且与angular-cli完全兼容。

使用@angular/localize进行国际化时,可以通过在HTML模板中使用特殊的标记来标识需要翻译的文本,然后使用angular-cli的构建过程将翻译文件打包到最终产品中。这样可以避免手动配置构建过程的问题。

总结起来,ng2-translate在使用angular-cli构建产品时可能存在一些不适用的问题,推荐使用Angular官方的国际化解决方案@angular/localize来替代。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Angular开发实践(一):环境准备及框架搭建

介绍之前,我假定你了解或者熟悉: NodeJs Npm Git Sass TypeScript angular-cli 环境准备 全局安装NodeJs(>6.9.x),包含npm(>3.x.x) 全局安装...angular-cli npm install -g @angular/cli IDE推荐使用WebStorm 框架搭建 angular-start是我在GitHub上维护的一个起步项目,你可以直接下载作为基础开发框架来使用...这个文件夹之外的文件都是为构建应用提供支持用的。 ? src目录 使用HTML模板、CSS样式和单元测试定义AppComponent组件。 它是根组件,随着应用的成长它会成为一棵组件树的根节点。...其它文件是用来帮助我们构建、测试、维护、文档化和发布应用的。它们放在根目录下,和src/平级。 ? 根目录 在e2e/下是端到端(end-to-end)测试。...它们不在src/下,是因为端到端测试实际上和应用是相互独立的,它只适用于测试你的应用而已。这也就是为什么它会拥有自己的tsconfig.json

1.3K70
  • 一个可拓展的API工具,简单&开源的API生态系统

    Eoapi 一个可拓展的 API 工具,简单(Easy) & 开源(OpenSource)的 API 生态系统 快速开始 访问 [在线示例]https://eoapi.io/快速体验产品特性 访问 [...JSON、Raw ⚡ API 测试 快速对 API 发起测试 支持本地测试 Mock 模拟文档接口返回值 可离线使用 测试环境管理 插件集市 多人协作 通过远程数据源实现多人协作 源码运行/构建...环境 Node.js >= 14.17.x yarn >= 1.22.x 运行代码 我们在开发和构建时使用 yarn 作为包管理工具,强烈建议你也这么做,但如果您希望使用 npm 也完全没问题,只是在安装依赖时可能需要多花一些时间...yarn install yarn start 如果想提高开发效率,可以安装 Angular 官方提供的命令行 Angular-cli 快速生成组件、服务等模板。...yarn add @angular/cli --global 命令 运行 开发模式下,同时运行在浏览器和桌面端 打包构建 各系统打包 Electron 应用 运行测试 执行单元测试 地址:https

    39140

    一个可拓展的API工具,简单&开源的API生态系统

    Eoapi 一个可拓展的 API 工具,简单(Easy) & 开源(OpenSource)的 API 生态系统 快速开始 访问 [在线示例]https://eoapi.io/快速体验产品特性 访问 [...JSON、Raw ⚡ API 测试 快速对 API 发起测试 支持本地测试 Mock 模拟文档接口返回值 可离线使用 测试环境管理 插件集市 多人协作 通过远程数据源实现多人协作 源码运行/构建...环境 Node.js >= 14.17.x yarn >= 1.22.x 运行代码 我们在开发和构建时使用 yarn 作为包管理工具,强烈建议你也这么做,但如果您希望使用 npm 也完全没问题,只是在安装依赖时可能需要多花一些时间...yarn install yarn start 如果想提高开发效率,可以安装 Angular 官方提供的命令行 Angular-cli 快速生成组件、服务等模板。...yarn add @angular/cli --global 命令 运行 开发模式下,同时运行在浏览器和桌面端 打包构建 各系统打包 Electron 应用 运行测试 执行单元测试 地址:https:

    36240

    (翻译)开始使用ABP.CORE模板 (ASP.NET Core with Angular)

    Angular 项目需要按照下面的工具: nodejs 6.9版本及其以上,npm3.10版本及其以上 Typescript 2.0版本及其以上 我们是用angular-cli构建的Angular项目...Deployment of Angular Application We used angular-cli tooling to build Angular solution....部署Angular项目 我们用 angular-cli 工具来生成Angular解决方案,你可以用ng build 指令来发布你的工程项目,发布内容默认放在dist文件夹下,然后你可以将这个文件夹部署到...我们可以保存它并用于下一个请求。 About Multi Tenancy API will work as host users by default....如果没有专用数据库,或者它的数据库已经迁移到另一个租户(用于多个租户之间的共享数据库),它就会跳过该租户。

    2.9K20

    angular-cli.json配置参数解释,以及依稀常用命令的通用关键参数解释

    selector元数据的值添加的前缀名 "deployUrl": "//cdn.com.cn", // 指定站点的部署地址,该值最终会赋给webpack的output.publicPath,常用于...CDN部署 "styles": [ // 引入全局样式,构建时会打包进来,常用于第三方库引入的样式 "styles.css" ], "scripts"...: [ // 引入全局脚本,构建时会打包进来,常用语第三方库引入的脚本 ], "environmentSource": "environments/environment.ts"...serve --host (self) 指定本地Server绑定的域名,默认值:localhost.如果希望使用self来访问你的站点,须加入以上参数 2.ng serve --hmr 注意开启之后,只是在angular-cli...--target 指定构建的目标,默认值是development,如果指定为production,构建时会加入treeshaking、代码压缩混淆等。

    1.6K30

    Spring 源码阅读:深入探索内部工作机制 | 开源日报 No.180

    angular/angular-clihttps://github.com/angular/angular-cli Stars: 26.2k License: MIT Angular CLI 是一个用于...丰富的功能集合:除了基本功能外,还包括构建生产就绪应用程序所需的各种选项 (例如 AOT 编译)。 强大而灵活:支持多个环境配置文件,并允许根据需要进行定制化设置。...-2.0 GraphCast 是一个学习高效的中程全球天气预报技术的包,提供了三个预训练模型:GraphCast、GraphCast_small 和 GraphCast_operational,分别适用于不同分辨率和时间范围.../github.com/microsoft/fluentui-blazor Stars: 2.0k License: MIT 这个项目是 Microsoft Fluent UI Blazor 组件,用于在...它提供了一套 Blazor 组件,用于构建具有 Fluent 设计 (即现代微软应用程序的外观和感觉) 的应用程序。

    13510

    资讯 | 网易的狼人杀要来了;苹果停产iPod Nano和Shuffle;Facebook发布Messenger 2.1

    苹果已证实iPod Nano和iPod Shuffle两款产品停产,目前苹果网站和网上商店都没法再见其踪迹。国内通过百度搜索仍能指向过去对应苹果中国的两款产品,但网页内容里已移除。...beta.0 以及 Angular 4.3.1 发布 本周 Angular 5.0.0-beta.0 版本发布, 其对于动画以及懒加载模块进行了大幅优化;同时本周还发布了 Angular 4.3.1 以及 angular-cli...9 谷歌开源可视化工具Facets,将用于人+AI协作项目研究 通过PAIR项目,谷歌发布了Facets——这是一款开源可视化工具,旨在帮助用户理解并分析各类机器学习数据集。...其中Facets Overview负责帮助您掌握数据中的每项具体特征,而Facets Dive则用于对个别数据组进行观察。

    80210

    【Web技术】743- 手把手教你搭建一个灰度发布环境

    ——《DevOps实践指南》 对应到软件开中,则是指在发布新的产品特性时通过少量的用户试点确认新特性没有问题,确保无误后推广到更大的用户使用群体。...这里选择使用Angular 的Angular-CLI 来创建代码。创建的项目并不简洁,但是胜在操作简单。我们一次性把两份代码准备好,简化开发侧工作。...04 实现灰度发布 流程梳理 在创建用于实现灰度发布的Jenkins任务之前我们先梳理一下要达到灰度发布的目标需要哪几个任务,以及每个任务负责完成什么事情。...配置任务 现在已经创建好了三个任务,先点击进入每一个任务进行一次空的构建(否则后面可能导致修改后的构建任务无法启动),然后我们来对每个任务进行详细的配置。 现代前端项目都要进行构建打包这一步。...但是廉价的云服务器在完成构建方面有些力不从心,CPU 经常爆表。

    76921

    手把手教你搭建一个灰度发布环境

    ——《DevOps实践指南》 对应到软件开中,则是指在发布新的产品特性时通过少量的用户试点确认新特性没有问题,确保无误后推广到更大的用户使用群体。...这里选择使用Angular 的Angular-CLI 来创建代码。创建的项目并不简洁,但是胜在操作简单。我们一次性把两份代码准备好,简化开发侧工作。...04 实现灰度发布 流程梳理 在创建用于实现灰度发布的Jenkins任务之前我们先梳理一下要达到灰度发布的目标需要哪几个任务,以及每个任务负责完成什么事情。...配置任务 现在已经创建好了三个任务,先点击进入每一个任务进行一次空的构建(否则后面可能导致修改后的构建任务无法启动),然后我们来对每个任务进行详细的配置。 现代前端项目都要进行构建打包这一步。...但是廉价的云服务器在完成构建方面有些力不从心,CPU 经常爆表。

    1.8K12

    深入理解建造者模式 ——组装复杂的实例

    1) 产品之间差异性很大的情况: 建造者模式所创建的产品一般具有较多的共同点,其组成部分相似,如果产品之间的差异性很大,则不适合使用建造者模式,因此其使用范围受到一定的限制。...1.4 抽象工厂模式VS建造者模式 抽象工厂模式实现对产品家族的创建,一个产品家族是这样的一系列产品:具有不同分类维度的产品组合,采用抽象工厂模式不需要关心构建过程,只关心什么产品由什么工厂生产即可。...ConcreteBuilder(具体建造者): 实现抽象接口,构建和装配各个部件。 Director(指挥者): 构建一个使用Builder接口的对象。它主要是用于创建一个复杂的对象。...,只需确定具体建造者的类型即可,建造者模式将复杂对象的构建与对象的表现分离开来,这样使得同样的构建过程可以创建出不同的表现。...它主要是用于创建一个复杂的对象,它主要有两个作用,一是:隔离了客户与对象的生产过程,二是:负责控制产品对象的生产过程。

    71680

    设计模式之建造者模式

    支持多种产品的创建:建造者模式可以支持多种产品的创建,只需要定义不同的建造者和产品类,然后通过相同的构建过程创建不同类型的对象。...不适用于创建单个产品的场景:建造者模式主要用于创建复杂对象,如果只需要创建单个产品,使用工厂模式更加简单和直接。...指导者(Director): 负责使用建造者接口构建产品的对象。它不关心具体产品构建过程,只负责调用建造者的方法来构建产品。...定义指导者类(Director): 负责使用建造者接口构建产品的对象,可以包含一个构建过程的顺序。...客户端使用指导者构建产品: 客户端通过指导者来构建具体产品,可以选择不同的建造者来得到不同表示的产品

    12110

    Java面试专题之七:设计模式学习,详细分析建造者模式

    建造者模式:封装一个复杂对象的构建过程,并可以按步骤构造。 对于建造者模式而已,它主要是将一个复杂对象的构建与表示分离,使得同样的构建过程可以创建不同的表示。适用于那些产品对象的内部结构比较复杂。...建造者模式将复杂产品构建过程封装分解在不同的方法中,使得创建过程非常清晰,能够让我们更加精确地控制复杂产品对象的创建过程,同时它隔离了复杂产品对象的创建和使用,使得相同的创建过程能够创建不同的产品。...但是如果某个产品的内部结构过于复杂,将会导致整个系统变得非常庞大,不利于控制,同时若几个产品之间存在较大的差异,则不适用建造者模式,毕竟这个世界上存在相同点大的两个产品并不是很多,所以它的使用范围有限。...代码实例 Builder:构建接口 public interface Builder { void build_CPU(); void build_mainboard();...,这些产品对象具备共性;隔离复杂对象的创建和使用,并使得相同的创建过程可以创建不同的产品

    26020
    领券