AngularJS API
API とはApplication Programming Interface（アプリケーションプログラミングインターフェース）。
AngularJS グローバル API
AngularJS グローバル API は、一般的なタスクを実行するための JavaScript 関数のコレクションです。例：
- オブジェクトの比較
- オブジェクトの反復処理
- オブジェクトの変換
グローバル API 関数は angular オブジェクトを使用してアクセスします。
以下に一般的な API 関数をいくつか示します：
| API | 説明 |
|---|---|
| angular.lowercase (<angular1.7） angular.$$lowercase()（angular1.7+） |
文字列を小文字に変換する |
| angular.uppercase() (<angular1.7） angular.$$uppercase()（angular1.7+） |
文字列を大文字に変換する |
| angular.isString() | 指定されたオブジェクトが文字列かどうかを判定し、文字列の場合は true を返します。 |
| angular.isNumber() | 指定されたオブジェクトが数値かどうかを判定し、数値の場合は true を返します。 |
注意：AngularJS 1.7 以降、angular.lowercase と angular.uppercase メソッドは削除され、angular.$$lowercase と angular.$$uppercase に変更されました。
angular.lowercase()
例
<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 = "サンプル";
$scope.x2 = angular.$$lowercase($scope.x1);
});
</script>
試してみる »
angular.uppercase()
例
<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 = "サンプル";
$scope.x2 = angular.$$uppercase($scope.x1);
});
</script>
試してみる »
angular.isString()
例
<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 = "サンプル";
$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 = "サンプル";
$scope.x2 = angular.isString($scope.x1);
});
</script>
試してみる »
angular.isNumber()
例
<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 = "サンプル";
$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 = "サンプル";
$scope.x2 = angular.isNumber($scope.x1);
});
</script>
試してみる »