Angular_AngularJS の組み込みサービス $http、$location などを効率的に利用する

AngularJS は多数の組み込みサービスを提供しており、これを通じていくつかの一般的な機能を簡単に実装できます。以下は、Angular で一般的に使用される組み込みサービスの概要です。
1.$位置情報サービス

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

ここでは、myUrl 変数が $scope オブジェクトに対して定義されており、$location サービスを使用して URL アドレスを読み取り、myUrl に保存しています。
2..$http サービス
$http は AngularJS で最も一般的に使用されるサービスであり、サーバーからのデータ転送によく使用されます。以下の例では、サービスがサーバーにリクエストを送信し、アプリケーションがサーバーから送信されたデータで応答します。

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

3.$timeout() サービスと $interval() サービス
これら 2 つのサービスの関数は、JavaScript の setTimeout() 関数と setTimeInterval 関数に対応します。簡単なリアルタイム更新時間の例は次のとおりです:

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

Angular で提供される組み込みサービスに加えて、サービスを使用して独自のサービスを定義することもできます。以下は、サービスを定義するための基本的なコード フレームワークです。

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

サービスを定義したら、組み込みの Angular サービスと同じように使用できます。

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

上記は、Angular でよく使用される組み込みサービスの概要です。皆さんの学習に役立つことを願っています。