举例简介AngularJS的内部语言环境


Posted in Javascript onJune 17, 2015

 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的内部语言环境

 使用浏览器的语言环境示例
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的内部语言环境

Javascript 相关文章推荐
如何用javascript控制上传文件的大小
Oct 26 Javascript
Js 获取HTML DOM节点元素的方法小结
Apr 24 Javascript
关于jQuery的inArray 方法介绍
Oct 08 Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 Javascript
jquery动态改变div宽度和高度
Feb 09 Javascript
JavaScript控制网页层收起和展开效果的方法
Apr 15 Javascript
详解本地Node.js服务器作为api服务器的解决办法
Feb 28 Javascript
jquery实现自定义图片裁剪功能【推荐】
Mar 08 Javascript
vue上传图片组件编写代码
Jul 26 Javascript
JavaScript中如何判断一个值的类型
Sep 15 Javascript
angularjs结合html5实现拖拽功能
Jun 25 Javascript
深入了解JS之作用域和闭包
Jun 16 Javascript
详解AngularJS中自定义指令的使用
Jun 17 #Javascript
详解AngularJS中的依赖注入机制
Jun 17 #Javascript
详解AngularJS中的作用域
Jun 17 #Javascript
简介AngularJS中使用factory和service的方法
Jun 17 #Javascript
简介AngularJS的视图功能应用
Jun 17 #Javascript
在AngularJS中使用AJAX的方法
Jun 17 #Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 #Javascript
You might like
Zend Studio (eclipse)使用速度优化方法
2011/03/23 PHP
用PHP即时捕捉PHP中的错误并发送email通知的实现代码
2013/01/19 PHP
PHP+jQuery 注册模块开发详解
2014/10/14 PHP
强制设为首页代码
2006/06/19 Javascript
jQuery动画animate方法使用介绍
2013/05/06 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
Active控件问题小结(附解决办法)
2016/06/09 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
MvcPager分页控件 适用于Bootstrap
2017/06/03 Javascript
JS实现电商放大镜效果
2017/08/24 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
vuejs实现递归树型菜单组件
2018/01/13 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
2018/08/30 Javascript
详解如何在Angular优雅编写HTTP请求
2018/12/05 Javascript
零基础写python爬虫之爬虫编写全记录
2014/11/06 Python
在Linux下使用Python的matplotlib绘制数据图的教程
2015/06/11 Python
python+VTK环境搭建及第一个简单程序代码
2017/12/13 Python
利用Python查看微信共同好友功能的实现代码
2019/04/24 Python
Django实现跨域请求过程详解
2019/07/25 Python
python yield关键词案例测试
2019/10/15 Python
瑞士国际航空官网:SWISS
2016/07/21 全球购物
英国手工布艺沙发在线购买:Sofas & Stuff
2018/03/02 全球购物
师范毕业生自荐信
2013/10/17 职场文书
建筑工程管理专业自荐信范文
2013/12/28 职场文书
缴纳养老保险的证明
2014/01/10 职场文书
大学生英语演讲稿
2014/04/24 职场文书
三万活动总结
2014/04/28 职场文书
医院党员公开承诺书
2014/08/30 职场文书
2015年社区环境卫生工作总结
2015/04/21 职场文书
2015年推普周活动方案
2015/05/06 职场文书
2015国庆66周年宣传语
2015/07/14 职场文书
小学运动会宣传稿
2015/07/23 职场文书
四十年同学聚会致辞
2015/07/28 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
导游词之西安骊山
2019/12/03 职场文书