求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Model Center   Code  
会员   
 
 
     
   
    全部     工程实例     标准规范     名校讲义     知识库    
 
 

AngularJS教程
AngularJS快速入门
AngularJS环境设置
AngularJS MVC体系结构
AngularJS第一个应用程序
AngularJS指令
AngularJS表达式
AngularJS控制器
AngularJS过滤器
AngularJS表格
AngularJS HTML DOM
AngularJS模块
AngularJS表单
AngularJS包括
AngularJS Ajax
AngularJS视
AngularJS作用域
AngularJS服务
AngularJS依赖注入
AngularJS自定义指令
AngularJS国际化
 
 

AngularJS国际化

    您可以捐助,支持我们的公益事业。

金额: 1元 10元 50元

姓名:

邮件:

电话:

公司:

说明:

认证码: 验证码,看不清楚?请点击刷新验证码 必填



 
 捐助

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。看到结果如下:

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

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。看到结果如下:


    您可以捐助,支持我们的公益事业。

金额: 1元 10元 50元

姓名:

邮件:

电话:

公司:

说明:

认证码: 验证码,看不清楚?请点击刷新验证码 必填



 
 捐助