angularJs i18n

最新推荐文章于 2023-10-11 17:41:47 发布
最新推荐文章于 2023-10-11 17:41:47 发布
阅读量306 收藏
点赞数

http://yijiebuyi.com/blog/3b55056c87b73ba606c19e9338dca679.html


http://www.storagelab.org.cn/zhutianpeng/2013/09/24/angularjs%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%883%EF%BC%89-i18n%E4%BD%BF%E7%94%A8/

shizheyishi00
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Angular I18n 五部曲
国际化梦工厂
01-04 7671
细翻翻看历史文章，其实关于Angular的总结已经有了不少，然而实际开发和测试工作中发现关于Angular的i18n bug依然层出不穷。近日又碰到一个“页面未载入，请返回上一个页面或重新整理页面再试一次”的问题，而App本应该向用户展示一个带有date-picker的页面，如下图所示。 打开console会发现如下的错误信息。 个人看来，凡是在某个问题上不断犯错，正如“大师兄，师傅和......
AngularJs 国际化（I18n/L10n）详解
11-22
一、I18n and L10n in AngularJS 1. 什么是I18n和L10n? 　　国际化（Internationalization），简称I18n，是让产品开发在一个他们可以简单地对产品进行语言、文化的本地化的方法的规范。本地化（Localization），简称L10n，一个使得应用、文本有适应特殊的文化或者语言市场的能力的规范。对于应用开发者，使一个程序国际化，意味着需要从程序中抽取所有字符串和其他区域较为特别的地方（例如日期和货币格式）。使一个程序本地化，意味着需要提供根据I18n抽取出来的块进行翻译和格式本地化。 2. 当前angular支持什么级别的I18n、L10n？
【angular】实现简单的angular国际化(i18n)
最新发布
karshey的博客
10-11 1935
实现简单的angular国际化。本博客实现中文版和法语版。我们这里想有两种语言，法文和中文。报错了，不知道怎么搞，等会了再来补充。跟前面的xml文件一致。ps：后面的生产构建。
angularjs学习笔记（3）–i18n使用
abtfcyq6421的博客
04-18 253
项目中用到angular-ui-bootstrap插件中的datepicker，可是datepicker显示的星期和月份是英文的，我需要他们都显示成中文的，最简单的方法就是用angularjs的i18n（Internationalization, 简称i18n）。官方文档告诉我们，我们只需引入相应的local文件就好了，例如我要引入中文的i18n文件，只需引入angular-locale...
i18n和l10n的意思
技术宅的小屋
01-03 836
i18n是internationalization(国际化)的缩写,首位的i和末尾的n之间有18个字母,所以就简写为i18n了; 同样的道理l10n是localization(区域化)的缩写.
AngularJs学习笔记--I18n/L10n
weixin_30501857的博客
03-19 104
原版地址：http://code.angularjs.org/1.0.2/docs/guide/i18n 一、I18nandL10ninAngularJS 1.什么是I18n和L10n? 　　国际化（Internationalization），简称I18n，是让产品开发在一个他们可以简单地对产品进行语言、文化的本地化的方法的规范。本地化（Localization），简称L10...
angularjs-i18n:AngularJS 国际化演示
06-30
**AngularJS 国际化（i18n）详解** AngularJS，作为一款强大的前端JavaScript框架，提供了丰富的功能，其中包括对应用程序的国际化支持，也就是我们常说的i18n。这个"angularjs-i18n"项目是一个示例，旨在展示如何...
angular-i18n:AngularJS国际化（i18n）和本地化（l10n）模块
03-26
依存关系该模块angular-i18n bower依赖项已解决： sptrinf（“ sprintf”）用法该模块具有： （$ i18nProvider） 一家（180亿美元） （i18n） （i18n）。设置加载javascript并在依赖项中添加模块angular-i18n ...
bower-angular-i18n:AngularJS的国际化模块
05-22
包装好的angular-i18n 此仓库用于在npm和bower上分发。 该模块的源代码位于。 请提出问题并针对该存储库提出请求。 安装 您可以使用npm或bower安装此软件包。 npm npm install angular-i18n 在您的index.html添加...
【AngularJs】使用angular-cli实现多国语言i18n
程序猿开发日志【学习永无止境】
04-26 1312
在模板html标签中增加i18n Hello world! 使用ng命令产生xlf格式的message.xlf文件 $ ng xi18n --output-path src/i18n ?xml version="1.0" encoding="UTF-8" ?> Hello World!
Angular i18n的技术分享、踩过的坑
weixin_30487317的博客
11-22 309
1.安装 npm install @ngx-translate/core --save npm install @ngx-translate/http-loader　2.配置（文本背景部分为该模块新增的）~app.module.ts import { TranslateModule, TranslateLoader } from '@ngx-translate/core'; ...
浅析 AngularJS 全球化最优方案（六）
国际化梦工厂
08-26 1万+
本节是最后一节关于AngularJS的国际化和本地化方案讨论，具体会和大家聊下目前有哪些第三方的库以及有缺点。 首先谈谈国际化，AngularJS的国际化支持是不错的，提供了一些语言的国际化资源文件文件，具体支持哪些国家，大家可以去官网查询。 下面聊聊怎么使用这些资源文件，一般来说会分静态加载和动态加载，静态加载可以使用预绑定、单独加载。预绑定是将国际化资源文件和 AngularJS 库文件进
angularjs实现国际化
星空之旅1995
12-08 1094
目的：利用angularjs自带模块实现网站的中英文切换解：依据https://angular-translate.github.io/docs/#/guide代码： A： <!-- 开始引入国际化文件 xk --> <script src="../assets/global/plugins/angularjs/angular-translate.min.js" type="tex
Angular 2 原生国际化支持（一）
热门推荐
国际化梦工厂
02-26 2万+
在Angular 1.x 的版本里面，没有原生的国际化支持。我们在前面的文章里面详细的分析了如何利用第三方库或者利用过滤器和指令实现国际化，而在Angular 2里面已经提供了原生的国际化支持。接下来我们一起看看如何实现Angular 2的国际化。 开发环境 node 6.9.2npm 3.10.9angular 2.4.8compiler-cli 2.4.8webpack 2.2.1...
angularjs 实现国际化
chenqk_123的专栏
05-23 5084
项目国际化已经成为现在开发中的一个不可或缺的部分应公司要求实现国际化，尤其适用了angularjs来实现国际化，话不多说直接看操作 1，配置国际化 1.1 引入js文件 我们都知道要使用第三方库文件，就必须要引入一些文件，比如样式文件，js文件，要实现国际化需要引入angularjs的几个文件 关于translate的几个文件都需要引入，引入angularjs-
AngularJS 国际化
书香水墨
04-10 612
在使用国际化前需要引入angular.min.js、angular-translate.min.js、angular-translate-loader-static-files.min.js这三个JS文件 AngularJs 国际化官网 https://angular-translate.github.io/docs/#/guide/19_security <script src="ht...
基于angular1.4.4和开发工具eclipse如何实现i18n国际化
06-09
实现AngularJS 1.4.4的i18n国际化可以通过使用angular-translate库来完成。下面是大致的步骤： 1. 安装angular-translate库，在命令行中执行以下命令： ``` npm install angular-translate --save ``` 2. 在HTML中引入angular-translate库的js文件，例如： ```html <script src="bower_components/angular-translate/angular-translate.js"></script> ``` 3. 在AngularJS应用程序中注册'pascalprecht.translate'模块，例如： ```javascript var myApp = angular.module('myApp', ['pascalprecht.translate']); ``` 4. 配置语言文件，例如： ```javascript myApp.config(function($translateProvider) { $translateProvider.translations('en', { TITLE: 'Hello', FOO: 'This is a paragraph.', BUTTON_LANG_EN: 'english', BUTTON_LANG_DE: 'german' }); $translateProvider.translations('de', { TITLE: 'Hallo', FOO: 'Dies ist ein Absatz.', BUTTON_LANG_EN: 'englisch', BUTTON_LANG_DE: 'deutsch' }); $translateProvider.preferredLanguage('en'); }); ``` 5. 在HTML中使用AngularJS提供的指令来实现i18n，例如： ```html <div ng-controller="Ctrl"> <h1>{{ 'TITLE' | translate }}</h1> <p>{{ 'FOO' | translate }}</p> <button ng-click="changeLanguage('en')" translate="BUTTON_LANG_EN"></button> <button ng-click="changeLanguage('de')" translate="BUTTON_LANG_DE"></button> </div> ``` 6. 在控制器中定义changeLanguage方法，例如： ```javascript myApp.controller('Ctrl', function ($scope, $translate) { $scope.changeLanguage = function (key) { $translate.use(key); }; }); ``` 以上是基于AngularJS 1.4.4和开发工具Eclipse实现i18n国际化的大致步骤，具体实现会因应用程序的需求而有所不同。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值