举例简介AngularJS的内部语言环境

　　这篇文章主要介绍了AngularJS的内部语言环境,展示不同语言环境下对货币或是日期等文本方面所产生的影响,需要的朋友可以参考下

　　AngularJS支持内置的国际化三种类型的过滤器货币，日期和数字。只需要根据国家的区域纳入相应的JS。默认情况下它处理浏览器的语言环境。例如，要使用丹麦语的语言环境，使用下面的脚本

1	<script src="https://code.angularjs.org/1.2.5/i18n/angular-locale_da-dk.js"></script>

　　使用丹麦语的语言环境实例

　　testAngularJS.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

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

时间： 2024-04-04 06:07:35

举例简介AngularJS的内部语言环境

举例简介AngularJS的内部语言环境的相关文章

基于Selenium WebDriver实现多语言环境下自动化截图

【 IOS语言本地化（多语言环境）】让你的游戏与软件国际全球化，自动识别各地区用户！

10 个你可能不知道的事，关于 Facebook 内部开发环境是如何使用 JavaScript 和 GraphQL 的

solaris下的中文语言环境：如何显示系统中安装的语言环境

如何为Linux系统配置多语言环境？

为Linux系统配置多语言环境的基本方法讲解

《ADOBE PHOTOSHOP CS5标准培训教材》—第1课1.2节Photoshop的内部工作环境

将Ubuntu系统语言环境改为英文的en_US.UTF-8

android-如何从字符串中选择语言环境？