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

Tutoriales básicos de AngularJS

Internacionalización de AngularJS

AngularJS admite tres tipos de filtros de internacionalización integrados: moneda, fecha y número. Solamente necesitamos combinar el lenguaje del entorno del país con el java script correspondiente. Por defecto, considera la configuración regional del navegador. Por ejemplo, para el entorno de idioma danés, se debe usar el siguiente script-

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

Ejemplo utilizando el entorno del idioma danés

testAngularJS.htm

<html>
　　　<head>
　　　　　　<title>Formularios Angular JS</title>
　　　</head>
　　　
　　　<body>
　　　　　　<h2>Aplicación de ejemplo AngularJS</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>
Prueba y mira‹/›

Resultados de salida

Abra el archivo en el navegador webtestAngularJS.htmy ver los resultados.

Ejemplo utilizando el idioma del entorno del navegador

testAngularJS.htm

<html>
　　　<head>
　　　　　　<title>Formularios Angular JS</title>
　　　</head>
　　　
　　　<body>
　　　　　　<h2>Aplicación de ejemplo AngularJS</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>
Prueba y mira‹/›

Resultados de salida

Abra el archivo en el navegador webtestAngularJS.htmy ver los resultados.

Manual de referencia de AngularJSDirectivas personalizadas de AngularJS