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

تعدد اللغات لـ AngularJS

AngularJS يدعم ثلاثة أنواع من مرشحات الترجمة التضمينية: العملة، التاريخ والرقم. كل ما نحتاجه هو دمج الجافا سكربت المناسب بناءً على بيئة اللغة الخاصة بالبلد. بشكل افتراضي، يأخذ هذا الاعتبار إعدادات الموقع الخاصة بالمتصفح. على سبيل المثال، بالنسبة لإعدادات الموقع الدينماركي، استخدم السكربت التالي-

<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}}  <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وشاهد النتائج.

مثال باستخدام بيئة اللغة الخاصة بالمتصفح

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وشاهد النتائج.