Ein Beispiel für die interne Sprachumgebung von AngularJS

Ein Beispiel für die interne Sprachumgebung von AngularJS_AngularJS

WBOY

Freigeben： 2016-05-16 15:54:26

Original

1288 Leute haben es durchsucht

AngularJS unterstützt die integrierte Internationalisierung von drei Filtertypen: Währung, Datum und Zahl. Geben Sie einfach das entsprechende JS entsprechend der Region des Landes an. Standardmäßig wird das Gebietsschema des Browsers verarbeitet. Um beispielsweise das dänische Gebietsschema zu verwenden, verwenden Sie das folgende Skript

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

Nach dem Login kopieren

Beispiel für ein Gebietsschema mit Dänisch
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>

Nach dem Login kopieren

Ergebnisse

Öffnen Sie textAngularJS.html in Ihrem Webbrowser. Sehen Sie sich die Ergebnisse unten an.

Beispiel für die Verwendung des Browsergebietsschemas
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>

Nach dem Login kopieren

Ergebnisse

Öffnen Sie textAngularJS.html in Ihrem Webbrowser. Sehen Sie sich die Ergebnisse unten an.

2015617114048791.jpg (560×240)