AngularJS API


APIとはAアプリケーションを意味します PプログラミングIインターフェース (アプリケーションプログラミングインターフェース)。

AngularJS グローバル API

AngularJS グローバル API 次のような一般的なタスクを実行するための JavaScript 関数のコレクション:

  • オブジェクトの比較

  • オブジェクトの反復

  • オブジェクトの変換

グローバルAPI関数の使用アクセスする角度オブジェクト。

いくつかの一般的な API 関数を以下に示します:

angular. lowercase()文字列を小文字に変換するangular.uppercase()文字列を変換する大文字ですangular.isString() は、指定されたオブジェクトが文字列であるかどうかを判断し、文字列である場合は true を返します。 angular.isNumber() 指定されたオブジェクトが数値であるかどうかを判断し、数値である場合は true を返します。
API説明
angular. lowercase()

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="//cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<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 = "JOHN";
    $scope.x2 = angular.lowercase($scope.x1);
});
</script>

</body>
</html>

インスタンスの実行»オンラインの例を表示するには、[インスタンスの実行]ボタンをクリックしてください

angular.uppercase()

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<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 = "John";
    $scope.x2 = angular.uppercase($scope.x1);
});
</script>

</body>
</html>

インスタンスの実行»「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

angular.isString()

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<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 = "JOHN";
    $scope.x2 = angular.isString($scope.x1);
});
</script>

</body>
</html>

インスタンスの実行» 「実行」をクリックします[インスタンス] ボタンをクリックしてオンライン インスタンスを表示します

angular.isNumber()

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<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 = "JOHN";
    $scope.x2 = angular.isNumber($scope.x1);
});
</script>

</body>
</html>

インスタンスを実行» [インスタンスを実行] ボタンをクリックしてオンライン インスタンスを表示します


←
→