دليل AngularJS الأساسي

API لأونغولار جي إس

API يعني AApplication PProgramming IInterface (بروتوكول تطوير تطبيقات).

API العالمية لـ AngularJS

يستخدم API العالمية لـ AngularJS مجموعة من وظائف JavaScript لتنفيذ المهام الشائعة مثل:

مقارنة الكائن
تكرار الكائن
تحويل الكائن

يتم الوصول إلى الوظائف العامة للـ API باستخدام كائن angular.

فيما يلي قائمة ببعض الوظائف العامة للـ API:

API	وصف
angular.lowercase (<angular1.7) angular.$$lowercase() (angular1.7+)	تحويل السلسلة إلى أحرف صغيرة
angular.uppercase() (<angular1.7) angular.$$uppercase() (angular1.7+)	تحويل السلسلة إلى أحرف كبيرة
angular.isString()	تحقق مما إذا كان العنصر المقدم هو سلسلة من الأحرف، وإذا كان كذلك، عودة صحيح.
angular.isNumber()	تحقق مما إذا كان العنصر المقدم هو عدد، وإذا كان كذلك، عودة صحيح.

ملاحظة:منذ AngularJS 1.7، تم إزالة طريقة angular.lowercase و angular.uppercase، واستبدالها ب angular.$$lowercase و angular.$$uppercase

angular.lowercase()

مثال عبر الإنترنت

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.7.0/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 = "w3codebox";
　　　　$scope.x2 = angular.$$lowercase($scope.x1);
});
</script>
</body>
</html>

اختبار راجع ‹/›

angular.uppercase()

مثال عبر الإنترنت

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.7.0/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 = "w3codebox";
　　　　$scope.x2 = angular.$$uppercase($scope.x1);
});
</script>
</body>
</html>

اختبار راجع ‹/›

angular.isString()

مثال عبر الإنترنت

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.7.0/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 = "w3codebox";
　　　　$scope.x2 = angular.isString($scope.x1);
});
</script>
</body>
</html>

اختبار راجع ‹/›

angular.isNumber()

مثال عبر الإنترنت

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.7.0/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 = "w3codebox";
　　　　$scope.x2 = angular.isNumber($scope.x1);
});
</script>
</body>
</html>

اختبار راجع ‹/›

دليل مرجعي لأونغولار جي إس