Maison > Article > interface Web > Un exemple de l'environnement de langage interne d'AngularJS_AngularJS
AngularJS prend en charge l'internationalisation intégrée de trois types de filtres : devise, date et nombre. Incluez simplement le JS correspondant en fonction de la région du pays. Par défaut, il gère les paramètres régionaux du navigateur. Par exemple, pour utiliser les paramètres régionaux danois, utilisez le script suivant
<script src="https://code.angularjs.org/1.2.5/i18n/angular-locale_da-dk.js"></script>
Exemple local utilisant le danois
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>
Résultats
Ouvrez textAngularJS.html dans votre navigateur Web. Voir les résultats ci-dessous.
Exemple d'utilisation des paramètres régionaux du navigateur
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>
Résultats
Ouvrez textAngularJS.html dans votre navigateur Web. Voir les résultats ci-dessous.