服務(wù)

什么是服務(wù)？

在 AngularJS 中，服務(wù)是函數(shù)或?qū)ο螅捎糜诓H限于您的 AngularJS 應(yīng)用程序。

AngularJS 有大約 30 個(gè)內(nèi)置服務(wù)。其中之一是 $location 服務(wù)。

$location 服務(wù)有方法可以返回有關(guān)當(dāng)前網(wǎng)頁位置的信息：

實(shí)例

在控制器中使用 $location 服務(wù)：

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

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

請注意，$location 服務(wù)作為參數(shù)傳遞到控制器。為了在控制器中使用該服務(wù)，必須將其定義為依賴項(xiàng)。

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

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

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

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

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

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

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