AngularJS国际化详解及示例代码


Posted in Javascript onAugust 18, 2016

AngularJS支持内置的国际化三种类型的过滤器货币,日期和数字。只需要根据国家的区域纳入相应的JS。默认情况下它处理浏览器的语言环境。例如,要使用丹麦语的语言环境,使用下面的脚本

<script src="https://code.angularjs.org/1.2.5/i18n/angular-locale_da-dk.js"></script>

使用丹麦语的语言环境实例

testAngularJS.html

<html>
<head>
  <title>Angular JS Forms</title>
</head>
<body>
  <h2>AngularJS Sample Application</h2>
  <div ng-app="mainApp" ng-controller="StudentController">
   {{fees | currency }} <br/><br/>
   {{admissiondate | date }}  <br/><br/>
   {{rollno | number }} 
  </div>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
  <script src="https://code.angularjs.org/1.2.5/i18n/angular-locale_da-dk.js"></script> 
  <script>
   var mainApp = angular.module("mainApp", []);
	  
   mainApp.controller('StudentController', function($scope) {
      $scope.fees = 100;
			$scope.admissiondate = new Date();
      $scope.rollno = 123.45;
   });
   
  </script>
</body>
</html>

结果

在Web浏览器打开textAngularJS.html。看到结果如下。

AngularJS国际化详解及示例代码

AngularJS Internalization 使用浏览器的语言环境示例

testAngularJS.html

<html>
<head>
  <title>Angular JS Forms</title>
</head>
<body>
  <h2>AngularJS Sample Application</h2>
  <div ng-app="mainApp" ng-controller="StudentController">
   {{fees | currency }} <br/><br/>
   {{admissiondate | date }}  <br/><br/>
   {{rollno | number }} 
  </div>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
  <!-- <script src="https://code.angularjs.org/1.2.5/i18n/angular-locale_da-dk.js"></script> -->
  <script>
   var mainApp = angular.module("mainApp", []);
	  
   mainApp.controller('StudentController', function($scope) {
      $scope.fees = 100;
			$scope.admissiondate = new Date();
      $scope.rollno = 123.45;
   });
   
  </script>
</body>
</html>

结果

在Web浏览器打开textAngularJS.html。看到结果如下。

AngularJS国际化详解及示例代码

以上就是对AngularJS 国际化的资料整理,后续继续整理相关资料,谢谢大家对本站的支持!

Javascript 相关文章推荐
JQuery团队打造的javascript单元测试工具QUnit介绍
Feb 26 Javascript
javascript new fun的执行过程
Aug 05 Javascript
基于jquery的表格排序
Sep 11 Javascript
js数组操作常用方法
May 08 Javascript
Jquery选择器中使用变量实现动态选择例子
Jul 25 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
May 14 Javascript
js实现延迟加载的方法
Jun 24 Javascript
jQuery改变form表单的action,并进行提交的实现代码
May 25 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
Sep 25 Javascript
layui实现数据分页功能
Jul 27 Javascript
npm ci命令的基本使用方法
Sep 20 Javascript
ECMAScript6轮播图实践知识总结
Aug 17 #Javascript
jQuery 全选 全部选 反选 实现代码
Aug 17 #Javascript
AngularJS 自定义指令详解及示例代码
Aug 17 #Javascript
AngularJS 依赖注入详解及示例代码
Aug 17 #Javascript
AngularJS 服务详细讲解及示例代码
Aug 17 #Javascript
深入理解jQuery layui分页控件的使用
Aug 17 #Javascript
AngularJS 作用域详解及示例代码
Aug 17 #Javascript
You might like
利用Ffmpeg获得flv视频缩略图和视频时间的代码
2011/09/15 PHP
php通过curl添加cookie伪造登陆抓取数据的方法
2016/04/02 PHP
Laravel 的数据库迁移的方法
2017/07/31 PHP
PHP中echo与print区别点整理
2021/03/09 PHP
关于JavaScript定义类和对象的几种方式
2010/11/09 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
2013/10/22 Javascript
js实现宇宙星空背景效果的方法
2015/03/03 Javascript
jQuery layui常用方法介绍
2016/07/25 Javascript
require.js+vue开发微信上传图片组件
2016/10/27 Javascript
jquery,js简单实现类似Angular.js双向绑定
2017/01/13 Javascript
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
2017/03/23 jQuery
jQuery实现输入框的放大和缩小功能示例
2018/07/21 jQuery
JS实现点击生成UUID的方法完整实例【基于jQuery】
2019/06/12 jQuery
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
2020/08/31 Javascript
python自动化测试之连接几组测试包实例
2014/09/28 Python
Python实现文件按照日期命名的方法
2015/07/09 Python
使用Python求解最大公约数的实现方法
2015/08/20 Python
老生常谈python之鸭子类和多态
2017/06/13 Python
用Pycharm实现鼠标滚轮控制字体大小的方法
2019/01/15 Python
python整小时 整天时间戳获取算法示例
2019/02/20 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
解决python脚本中error: unrecognized arguments: True错误
2020/04/20 Python
python中remove函数的踩坑记录
2021/01/04 Python
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
机电专业体育教师求职信
2013/09/21 职场文书
汽车技术服务英文求职信范文
2014/01/02 职场文书
《白鹅》教学反思
2014/04/13 职场文书
《称象》教学反思
2014/04/25 职场文书
新书发布会策划方案
2014/06/09 职场文书
2017公司年会主持人开幕词
2016/03/04 职场文书
Python基础之条件语句详解
2021/06/16 Python
Feign调用传输文件异常的解决
2021/06/24 Java/Android
Nginx+Tomcat负载均衡集群的实现示例
2021/10/24 Servers
基于Python实现nc批量转tif格式
2022/08/14 Python
微软发布Windows 11今年最大更新22H2(附 ISO 镜像官方下载)
2022/09/23 数码科技