Компьютерапия

AngularJS - Интернализация

Категория: AngularJS
Просмотров: 2172

AngularJS поддерживает встроенную интернационализацию для трех типов фильтров валюты, даты и номеров. Нам нужно только включить соответствующие js согласно языку страны. По умолчанию он обрабатывает локаль браузера. Например, чтобы использовать датский язык, используйте следующий скрипт.

Внимание!!!

Если примеры не отображаются на странице или искажены, проверьте не блокирует ли их браузер!

Opera

Свободу АНГУЛЯРУ в Opera!!! )))

Google Chrome

Свободу АНГУЛЯРУ в Google Chrome!!! )))

Mozilla Firefox

Свободу АНГУЛЯРУ в Mozilla Firefox!!! )))

Yandex

Свободу АНГУЛЯРУ в Yandex!!! ))) 
<script src = "https://code.angularjs.org/1.2.5/i18n/angular-locale_da-dk.js"> </script>

Пример использования датской локали

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 }}  


         {{admissiondate | date }}  


         {{rollno | number }}
      </div>
                       
      <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
      <script src = "https://code.angularjs.org/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>

Результат

Откройте textAngularJS.htm в веб-браузере.

Пример использования языка браузера

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 }}  


         {{admissiondate | date }}  


         {{rollno | number }}
      </div>
                       
      <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
      <!-- <script src = "https://code.angularjs.org/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>

Результат

Откройте textAngularJS.htm в веб-браузере.




Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!

Новые статьи

Предыдущие статьи

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok