AngularJS API

API คือสัญลักษณ์ของ Application Programming Interface

AngularJS API ทั่วไป

API ของ AngularJS ทั่วไปเป็นชุดฟังก์ชัน JavaScript ทั่วไปที่ใช้เพื่อทำงานทั่วไปเช่น:

  • การเปรียบเทียบตัวเป้าหมาย
  • การวนลูปตัวเป้าหมาย
  • การแปลงข้อมูล

ฟังก์ชัน API ทั่วไปสามารถเข้าถึงด้วยการใช้องค์ประกอบ angular

ต่อไปนี้คือรายชื่อฟังก์ชัน API ที่ติดอยู่ตัวเดียวกันบางอย่าง:

API รายละเอียด
angular.lowercase() แปลงตัวอักษรเป็นขนาดเล็ก
angular.uppercase() แปลงตัวอักษรเป็นขนาดใหญ่
angular.isString() ถ้าอ้างอิงเป็นตัวอักษร จะกลับค่า true。
angular.isNumber() ถ้าอ้างอิงเป็นตัวเลข จะกลับค่า true。

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

ทดลองด้วยตัวเอง

ตัวอย่าง angular.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 = "BILL";
  $scope.x2 = angular.isString($scope.x1);
});
</script>

ทดลองด้วยตัวเอง

ตัวอย่าง angular.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 = "BILL";
  $scope.x2 = angular.isNumber($scope.x1);
});
</script>

ทดลองด้วยตัวเอง