API (API)

اینجا «API سراسری AngularJS» را ساده می شناسیم. API یعنی «درگاه برنامه نویسی» برای انجام کارهای آماده؛ مثل ماشین حساب مدرسه. سپس با چند تابع پرکاربرد تمرین می کنیم.

API سراسری AngularJS چیست؟

تابع های سراسری روی شیء angular قرار دارند. آن ها برای مقایسه، پیمایش، و تبدیل داده کمک می کنند. بنابراین بدون نوشتن کد اضافی، کار را سریع تر تمام می کنی.

angular.lowercase()

رشته را به حروف کوچک تبدیل می کند. مثل تبدیل «JOHN» به «john».

<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>

مشاهده در ادیتور

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

مشاهده در ادیتور

angular.isString()

بررسی می کند مقدار «رشته (String)» است یا نه. نتیجه true/false است.

<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>

مشاهده در ادیتور

angular.isNumber()

بررسی می کند مقدار «عدد (Number)» است یا نه. سپس منطقی تصمیم بگیر.

<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>

مشاهده در ادیتور

گام های عملی کار با API

1. یک ماژول و کنترلر بساز.
2. مقدار نمونه در $scope بگذار.
3. یکی از توابع API را صدا بزن.
4. خروجی را در قالب نمایش بده.

نکته: برای کار ترکیبی با ورودی و هشدارها، صفحه اعتبارسنجی AngularJS را ببین. همچنین برای استایل آماده، به W3.CSS در AngularJS سر بزن.

جمع بندی سریع

• API سراسری روی شیء angular است.
• lowercase و uppercase برای تغییر حروف اند.
• isString و isNumber نوع را می سنجند.
• پس از تبدیل، خروجی را نمایش بده.