در این قسمت از انگولار جی اس به بررسی api های انگولار و چند نمونه از دستورات ان می پردازیم ، در قسمت های پیشین انگولار بخش عای عظیمی از این زبان برنامه نویسی پوشش داده شد ، شما میتوانید مطالب کل دوره اموزش انگولار جی اس را مطالعه کنید ، در قسمت های پیشین در باره ی دستورالعمل ها ، اعتبار سنجی فرم ها ، رخ داد ها ، فیلتر های انگولار و …. سخن به میان امد.
API مخفف کلمه ی Application Programming Interface به معنای رابط برنامه کاربردی است .
API های جهانی انگولار
API های جهانی انگولار مجموعه ای از توابع جاوا اسکریپت برای انجام وظایف مشترک است :
مقایسه اشیا
تکرار اشیا
تبدیل داده ها
توابع api جهانی با استفاده از شی انگولار قابل دسترس هستند.
در زیر لیستی از بعضی دستورات api بیان شده است.
angular.lowercase() برای تبدیل رشته به حروف کوچک استفاده میشود.
angular.uppercase() برای تبدیل رشته به حروف بزرگ استفاده میشود.
angular.isString() اگر مقدار true باشد مرجع مورد نظر یک رشته است.
angular.isNumber() اگر مقدار true باشد مرجع مورد نظر یک عدد است.
در زیر چند مثال در این باره اورده شده است برای درک بهتر این موضوع پیشنهاد میشود تک تک این توابع را تست کنید.
|
1 2 3 4 5 6 7 8 9 10 11 |
<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 = "MORTEZA"; $scope.x2 = angular.lowercase($scope.x1); }); </script> |
در مثال بالا حروف بزرگ رشته تبدیل به حروف کوچک میشود.
|
1 2 3 4 5 6 7 8 9 10 11 |
<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 = "morteza"; $scope.x2 = angular.uppercase($scope.x1); }); </script> |
این مثال نقیض مثال قبل است ، در این مثال حروف کوچک رشته تبدیل به حروف بزرگ میشود.
|
1 2 3 4 5 6 7 8 9 10 11 |
<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 = "MORTEZA"; $scope.x2 = angular.isString($scope.x1); }); </script> |
در مثال بالا میبینیم که اگر رشته باشد مقدار true نشان داده خواهد شد.
|
1 2 3 4 5 6 7 8 9 10 11 |
<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 = "MORTEZA"; $scope.x2 = angular.isNumber($scope.x1); }); </script> |
در مثال بالا میبینیم که چون عدد نیست مقدار false نشان داده میشود.
امیدوارم اموزش های انگولار جی اس برای شما عزیزان مفید واقع شده باشد ، برای مطالعه موارد بیشتر میتوانید به سایت w3schools مراجعه فرمایید.
با ارزوی موفقیت. تیم کدپز
