۲۹
مرداد

جلسه ۱۹ : مباحث API در AngularJS

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزش تصویری

فهرست

مقدمه

با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش AngularJS را دنبال می کنند. در مباحث آموزش قبل، ما به آموزش مهم و گسترده ی اعتبار سنجی فرم ها در AngularJS ، اشاره کردیم. و آن موضوع را از ابعاد و زمینه ها مختلف بررسی کردیم. در حال حاضر در این بخش قصد داریم به موضوع آشنایی با مباحث API در AngularJS یا رابط کاربری در AngularJS ، بپردازیم.

API یا رابط کاربری در AngularJS ،که مخفف عبارت Application Programming Interface است. در واقع به نمایی اشاره دارد که کاربر در خروجی می بیند و از آن استفاده می کند. در ادامه بیشتر با این مبحث آشنا خواهید شد.

آشنایی با مباحث API در AngularJS

API ها ی عمومی AngularJS

AngularJS Global API مجموعه ای از توابع جاوا اسکریپت برای انجام کارهای رایج مانند موارد زیر است:

مقایسه اشیاء.
حرکت دادن اشیاء.
تبدیل داده ها

توابع API عمومی با استفاده از شی آنگولار قابل دسترسی هستند.

در زیر لیستی از برخی توابع API مشترک است:

API	Description
()angular.lowercase	رشته ها را به حروف کوچک تبدیل می کند.
()angular.uppercase	رشته ها را به حروف بزرگ تبدیل می کند.
()angular.isString	اگر مقدار برگشتی رشته باشد true را بر می گرداند.
()angular.isNumber	اگر مقدار برگشتی عدد باشد true را بر می گرداند.

مثالی از تابع ()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 = "JOHN";
$scope.x2 = angular.lowercase($scope.x1);
});
</script>

</div>

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {

$scope.x1 = "JOHN";

$scope.x2 = angular.lowercase($scope.x1);

});

</script>

مثالی از تابع ()uppercase:

مثال : تابع 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>

</div>

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {

$scope.x1 = "John";

$scope.x2 = angular.uppercase($scope.x1);

});

</script>

مثالی از تابع ()isString:

مثال : استفاده از تابع 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 = "JOHN";
$scope.x2 = angular.isString($scope.x1);
});
</script>

</div>

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {

$scope.x1 = "JOHN";

$scope.x2 = angular.isString($scope.x1);

});

</script>

مثالی از تابع ()isNumber:

مثال : تابع 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 = "JOHN";
$scope.x2 = angular.isNumber($scope.x1);
});
</script>

</div>

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {

$scope.x1 = "JOHN";

$scope.x2 = angular.isNumber($scope.x1);

});

</script>

کلام آخر

در این آموزش برای آشنایی شما با مباحث رابط کاربری در آنگولار، به بررسی موضوع آموزشی آشنایی با مباحث API در AngularJS پرداختیم. امیدواریم که از مباحث آموزش فوق، بخوبی استفاده کرده باشید.

به اشتراک بگذارید

آموزش کامل AngularJS ,دوره کامل آموزش AngularJS ,رابط کاربری در AngularJS ,فریم ورک AngularJS ,مباحث API در AngularJS

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۱۹ : مباحث API در AngularJS

مقدمه

آشنایی با مباحث API در AngularJS

API ها ی عمومی AngularJS

مثال

مثال : تابع uppercase

مثال : استفاده از تابع isString

مثال : تابع isNumber

کلام آخر

لیست مطالب دوره

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ