Gunakan perkhidmatan terbina dalam $http, $location, dll. dengan cekap dalam Angular_AngularJS

AngularJS menyediakan kami dengan pelbagai perkhidmatan terbina dalam, yang melaluinya kami boleh melaksanakan beberapa fungsi biasa dengan mudah. Berikut ialah ringkasan perkhidmatan terbina dalam yang biasa digunakan dalam Angular.
1. perkhidmatan $lokasi

$location服务用于返回当前页面的URL地址，示例代码如下：
var app = angular.module('myApp', []); 
app.controller('customersCtrl', function($scope, $location) { 
 $scope.myUrl = $location.absUrl(); 
}); 

Di sini pembolehubah myUrl ditakrifkan untuk objek $scope, dan kemudian perkhidmatan $location digunakan untuk membaca alamat URL dan menyimpannya dalam myUrl.
2..perkhidmatan $http
$http ialah perkhidmatan yang paling biasa digunakan dalam AngularJS, dan ia sering digunakan untuk pemindahan data dari pelayan. Dalam contoh di bawah, perkhidmatan menghantar permintaan kepada pelayan dan aplikasi bertindak balas dengan data yang dihantar oleh pelayan.

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

3. Perkhidmatan $timeout() dan perkhidmatan $interval()
Fungsi kedua-dua perkhidmatan ini sepadan dengan fungsi setTimeout() dan setTimeInterval dalam JavaScript. Contoh masa kemas kini masa nyata yang mudah adalah seperti berikut:

app.controller('myCtrl', function($scope, $interval) { 
 $scope.theTime = new Date().toLocaleTimeString(); 
 $interval(function () { 
  $scope.theTime = new Date().toLocaleTimeString(); 
 }, 1000); 
}); 

Sebagai tambahan kepada perkhidmatan terbina dalam yang disediakan dalam Angular, kami juga boleh menentukan perkhidmatan kami sendiri dengan menggunakan perkhidmatan Berikut ialah rangka kerja kod asas untuk mentakrifkan perkhidmatan:

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

Selepas mentakrifkan perkhidmatan, kami boleh menggunakannya sama seperti perkhidmatan Angular terbina dalam:

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

Di atas ialah ringkasan perkhidmatan terbina dalam yang biasa digunakan dalam Angular, saya harap ia akan membantu pembelajaran semua orang.