ບໍລິການ AngularJS

ໃນ AngularJS，ທ່ານສາມາດສ້າງບໍລິສັດຂອງຕົນເອງຫລືໃຊ້ໜຶ່ງບໍລິສັດຄົນຈ້າງ:

ວ່າແມ່ນຫຍັງບໍລິສັດ?

ໃນ AngularJS，ບໍລິສັດແມ່ນວິທີຫລືບັນດາບັນດາທີ່ຈະສາມາດໃຊ້ແລະພຽງແຕ່ໃນການປະກອບແບບ AngularJS 应用程序ຂອງທ່ານ.

AngularJS ມີບໍລິສັດຄົນຈ້າງປະມານ 30 ບໍລິສັດ. ໜຶ່ງໃນນັ້ນແມ່ນ: $location ບໍລິສັດ.

$location ບໍລິສັດມີວິທີທີ່ຈະກັບຄືນຂໍ້ມູນກ່ຽວກັບຈຸລັງບໍລິສັດທີ່ມີຢູ່:

ບົດຕອນ

ການໃຊ້ $location 服务ໃນຄວາມຄິດຂອງການປະກອບແບບ:

var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $location) {
    $scope.myUrl = $location.absUrl();
});

ທົດລອງດຽວທັງໝົດ

ບໍ່ມີຫຍັງ:$location ບໍລິສັດທີ່ສົ່ງໄປຫາຄວາມສຳຄັນຂອງຄວາມຄິດຂອງການປະກອບແບບ. ເພື່ອໃຊ້ບໍລິສັດທີ່ທ່ານຕ້ອງມີການກໍານົດຄວາມຄິດຂອງການປະກອບແບບ:

ເປັນຫຍັງທ່ານຈະໃຊ້ບໍລິສັດ?

ສຳລັບບໍລິສັດຫລາຍບັນດາ: $location ບໍລິສັດທີ່ທ່ານມີຄວາມສາມາດໃຊ້ຈາກບັນດາອັນໂລເກຣິກທີ່ມີໃນ DOM (ອີງຕາມ: ບັນດາຈຸລັງ window.location:），ມັນຈະມີບາງຂໍ້ຈຳກັດຢ່າງໜ້ອຍສຳລັບການປະກອບແບບ AngularJS 应用程序ຂອງທ່ານ.

AngularJS ກຳລັງກວດສອບການປະກອບແບບຂອງທ່ານເພື່ອໃຫ້ມັນມີຄວາມພິເສດໃນການຈັດການການປ່ຽນແປງແລະການເກີດຂອງຂໍ້ມູນພາຍໃນບໍລິສັດທ່ານ ແລະ AngularJS ມັກເຈົ້າຈະໃຊ້: $location ບໍລິສັດທີ່ບໍ່ແມ່ນບັນດາຈຸລັງ window.location:

$http 服务

ການສະແດງຄວາມສະແດງ: ບໍລິສັດແມ່ນໜຶ່ງບໍລິສັດທີ່ໃຊ້ຫລາຍທີ່ສຸດໃນການປະກອບແບບ AngularJS 应用程序。ບໍລິສັດຈະສົ່ງຂໍ້ມູນຫາບໍລິສັດດີໂບມິນແລະອະນຸຍາດຄວາມສາມາດຂອງການຮັບຜົນຈາກຄວາມສຳຄັນຂອງການປະກອບແບບຂອງທ່ານ:

ບົດຕອນ

ການໃຊ້ $http ກວດສອບຂໍຂໍ້ມູນຈາກບໍລິສັດດີໂບມິນ:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  app.controller('myCtrl', function($scope, $http) {
    $http.get("welcome.htm").then(function (response) {
  });
});

ທົດລອງດຽວທັງໝົດ

$scope.myWelcome = response.data; ການສະແດງຄວາມສະແດງ: ບໍລິການ $http

ການນຳໃຊ້ບໍລິການ $timeout ແບບຫນັງຍາວ.

$timeout ບໍລິການແມ່ນຮູບແບບຂອງ AngularJS: window.setTimeout ຈັກການ.

ບົດຕອນ

ສະແດງຂໍ້ຄວາມໃນຫລັງສອງວັນ:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $timeout) {
  $scope.myHeader = "Hello World!";
  $timeout(function () {
    $scope.myHeader = "How are you today?";
  }, 2000);
});

ທົດລອງດຽວທັງໝົດ

ບໍລິການ $interval

$interval ບໍລິການແມ່ນຮູບແບບຂອງ AngularJS: window.setInterval ຈັກການ.

ບົດຕອນ

ສະແດງເວລາໃນແຕ່ລະວັນ:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $interval) {
  $scope.theTime = new Date().toLocaleTimeString();
  $interval(function () {
    $scope.theTime = new Date().toLocaleTimeString();
  }, 1000);
});

ທົດລອງດຽວທັງໝົດ

ການສ້າງບໍລິການຂອງທ່ານເອງ

ກໍຕັ້ງບໍລິການກັບສະມາຊິກ:

ການສ້າງຊື່ hexafy ບໍລິການ:

app.service('hexafy', function() {
  this.myFunc = function (x) {
    return x.toString(16);
  }
});

ກໍຕັ້ງບໍລິການຂອງທ່ານເພື່ອນຳໃຊ້ບໍລິການສະໄຫວຫົວໜ້າໃນການກໍ່ສ້າງຄວບຄຸມ:

ບົດຕອນ

ການນຳໃຊ້ບໍລິການສະໄຫວຫົວໜ້າຊື່ວ່າ hexafy ເພື່ອແປງເປັນໂຕການສອງສາມສະເຫຼີມຕາມສາວ:

app.controller('myCtrl', function($scope, hexafy) {
  $scope.hex = hexafy.myFunc(255);
});

ທົດລອງດຽວທັງໝົດ

ທີ່ນຳໃຊ້ບໍລິການທີ່ແກ່ນໃນຄຳດັບ

ທີ່ສາມາດທີ່ຈະນຳໃຊ້ບໍລິການນັ້ນໃນທຸກຄຳດັບ, ຄຳແນະນຳ, ຄຳດັບ, ບໍລິການ, ຫຼືບໍລິການອື່ນໆ.

ທ່ານຈະນຳໃຊ້ບໍລິການໃນຄຳດັບ, ທ່ານຈະໃຫ້ມັນຖືກໃຫ້ຄວາມຈູງຫາຄວາມຈູງ.

ບໍລິການ hexafy ທີ່ນຳໃຊ້ໃນຄຳດັບ myFormat:

app.filter('myFormat',['hexafy', function(hexafy) {
  return function(x) {
    return hexafy.myFunc(x);
  };
});

ທົດລອງດຽວທັງໝົດ

ທ່ານສາມາດໃຊ້ພວກມັນເພື່ອສະແດງຄວາມສະແດງໃນອະດີດຈຸດສະແດງຫຼືອະດີດອະດີດ.

<ul>
  <li ng-repeat="x in counts">{{x | myFormat}}</li>
</ul>

ທົດລອງດຽວທັງໝົດ