编程 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 相关文章推荐

srcElement表格样式

Sep 03 Javascript

ExtJS 2.0实用简明教程之应用ExtJS

Apr 29 Javascript

JavaScript 基础篇之运算符、语句（二）

Apr 07 Javascript

JS实现侧悬浮浮动实例代码

Nov 29 Javascript

js获取url中的参数且参数为中文时通过js解码

Mar 19 Javascript

jquery选择符快速提取web表单数据示例

Mar 27 Javascript

JavaScript使用循环和分割来替换和删除元素实例

Oct 13 Javascript

瀑布流的实现方式（原生js+jquery+css3）

Jun 28 Javascript

Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发

Aug 31 Javascript

vue绑定设置属性的多种方式(5)

Aug 16 Javascript

Vue创建头部组件示例代码详解

Oct 23 Javascript

Vue.js子组件向父组件通信的方法实例代码详解

Dec 10 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