举例简介AngularJS的内部语言环境
更新时间:2015年06月17日 11:42:01 投稿:goldensun
这篇文章主要介绍了AngularJS的内部语言环境,展示不同语言环境下对货币或是日期等文本方面所产生的影响,需要的朋友可以参考下
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
AngularJS支持内置的国际化三种类型的过滤器货币,日期和数字。只需要根据国家的区域纳入相应的JS。默认情况下它处理浏览器的语言环境。例如,要使用丹麦语的语言环境,使用下面的脚本
使用丹麦语的语言环境实例
testAngularJS.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <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。看到结果如下。
使用浏览器的语言环境示例
testAngularJS.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <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。看到结果如下。
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
相关文章
angular8.5集成TinyMce5的使用和详细配置(推荐)
这篇文章主要介绍了angular8.5集成TinyMce5的使用和详细配置,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-11-11
最新评论