English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriel de base AngularJS

AngularJS 国际化

AngularJS prend en charge trois types de filtres intégrés pour l'internationalisation : monnaie, date et nombre. Nous devons seulement fusionner les fichiers JavaScript correspondants selon le paysage linguistique du pays. Par défaut, il prend en compte la configuration régionale du navigateur. Par exemple, pour la configuration régionale danoise, utilisez le script suivant-

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

Exemple utilisant l'environnement linguistique danois

testAngularJS.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://cdn.staticfile.org/angular.js/1.3.14/angular.min.js"></script>
　　　　　　<script　src　=　"https://cdn.staticfile.org/angular.js/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>
测试看看‹/›

输出结果

在网络浏览器中打开文件testAngularJS.htm并查看结果。

Exemple utilisant l'environnement linguistique du navigateur

testAngularJS.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://cdn.staticfile.org/angular.js/1.3.14/angular.min.js"></script>
　　　　　　<!--　<script　src　=　"https://cdn.staticfile.org/angular.js/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>
测试看看‹/›

输出结果

在网络浏览器中打开文件testAngularJS.htm并查看结果。

AngularJS 参考手册AngularJS 自定义指令