AngularJS API
API steht fürApplication Programming IApplication Programming Interface.
Globale AngularJS-API
Die globale AngularJS-API ist eine Sammlung von JavaScript-Funktionen, die für allgemeine Aufgaben verwendet werden, wie zum Beispiel:
- Vergleichen von Objekten
- Iterieren über Objekte
- Konvertieren von Objekten
Auf globale API-Funktionen wird über das angular-Objekt zugegriffen.
Die folgende Liste zeigt einige gängige API-Funktionen:
| API | Beschreibung |
|---|---|
| angular.lowercase (<angular1.7) angular.$$lowercase()(angular1.7+) |
Konvertiert einen String in Kleinbuchstaben |
| angular.uppercase() (<angular1.7) angular.$$uppercase()(angular1.7+) |
Konvertiert einen String in Großbuchstaben |
| angular.isString() | Bestimmt, ob das angegebene Objekt ein String ist, und gibt true zurück, falls dies der Fall ist. |
| angular.isNumber() | Bestimmt, ob das angegebene Objekt eine Zahl ist, und gibt true zurück, falls dies der Fall ist. |
Hinweis:Seit AngularJS 1.7 wurden die Methoden angular.lowercase und angular.uppercase entfernt und durch angular.$$lowercase und angular.$$uppercase ersetzt.
angular.lowercase()
Beispiel
<div ng-app="myApp" ng-controller="myCtrl">
<p>{{ x1 }}</p>
<p>{{ x2 }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.x1 = "EXAMPLE";
$scope.x2 = angular.$$lowercase($scope.x1);
});
</script>
Selbst ausprobieren »
angular.uppercase()
Beispiel
<div ng-app="myApp" ng-controller="myCtrl">
<p>{{ x1 }}</p>
<p>{{ x2 }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.x1 = "example";
$scope.x2 = angular.$$uppercase($scope.x1);
});
</script>
Selbst ausprobieren »
angular.isString()
Beispiel
<div ng-app="myApp" ng-controller="myCtrl">
<p>{{ x1 }}</p>
<p>{{ x2 }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.x1 = "EXAMPLE";
$scope.x2 = angular.isString($scope.x1);
});
</script>
<p>{{ x1 }}</p>
<p>{{ x2 }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.x1 = "EXAMPLE";
$scope.x2 = angular.isString($scope.x1);
});
</script>
Selbst ausprobieren »
angular.isNumber()
Beispiel
<div ng-app="myApp" ng-controller="myCtrl">
<p>{{ x1 }}</p>
<p>{{ x2 }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.x1 = "EXAMPLE";
$scope.x2 = angular.isNumber($scope.x1);
});
</script>
<p>{{ x1 }}</p>
<p>{{ x2 }}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.x1 = "EXAMPLE";
$scope.x2 = angular.isNumber($scope.x1);
});
</script>
Selbst ausprobieren »