AngularJS 国际化
AngularJS 支持三种类型的过滤器的内置国际化:货币、日期和数字。我们只需要根据所在国家/地区的语言环境加入相应的java脚本即可。默认情况下,它会考虑浏览器的语言环境。例如,对于丹麦语言环境,使用以下脚本:
<script src = "https:// code.angularjs.org/1.2.5/i18n/angular-locale_da-dk.js"> </script>
使用丹麦语言环境的示例
测试AngularJS.htm
<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 = "https:// ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"> </script> <script src = "https:// code.angularjs.org/1.3.14/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>
输出
打开文件 测试AngularJS.htm 在网络浏览器中查看结果。
使用浏览器区域设置的示例
测试AngularJS.htm
<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 = "https:// ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"> </script> <!-- <script src = "https:// code.angularjs.org/1.3.14/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>
输出
打开文件 测试AngularJS.htm 在网络浏览器中查看结果。