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 在网络浏览器中查看结果。