编程 Javascript

举例简介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。看到结果如下。

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

- Author -

goldensun

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery ready函数滥用分析

Feb 16 Javascript

js中方法重载如何实现？以及函数的参数问题

Aug 01 Javascript

浅谈Javascript 执行顺序

Dec 18 Javascript

jquery实现鼠标滑过小图时显示大图的方法

Jan 14 Javascript

jQuery插件Slider Revolution实现响应动画滑动图片切换效果

Jun 05 Javascript

javascript深拷贝(deepClone)详解

Aug 24 Javascript

浅谈angularjs中响应回车事件

Apr 24 Javascript

vuex state及mapState的基础用法详解

Apr 19 Javascript

vue组件实现进度条效果

Jun 06 Javascript

解决vue router组件状态刷新消失的问题

Aug 01 Javascript

JavaScript中的惰性载入函数及优势

Feb 18 Javascript

js实现随机点名器精简版

Jun 29 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