suchen

Heim  >  Artikel  >  Web-Frontend  >  Ein Beispiel für die interne Sprachumgebung von AngularJS_AngularJS

Ein Beispiel für die interne Sprachumgebung von AngularJS_AngularJS

WBOY
WBOYOriginal
2016-05-16 15:54:261285Durchsuche

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>

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>

Ergebnisse

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

2015617114029826.jpg (560×240)

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>

Ergebnisse

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

2015617114048791.jpg (560×240)

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Eine kurze Diskussion über die Kernfunktionen von Jquery_jqueryNächster Artikel：Eine kurze Diskussion über die Kernfunktionen von Jquery_jquery

In Verbindung stehende Artikel

Mehr sehen