Maison  >  Article  >  interface Web  >  Utilisez efficacement les services intégrés $http, $location, etc. dans Angular_AngularJS

Utilisez efficacement les services intégrés $http, $location, etc. dans Angular_AngularJS

WBOY
WBOYoriginal
2016-05-16 15:09:492217parcourir

AngularJS nous fournit de nombreux services intégrés, grâce auxquels nous pouvons facilement implémenter certaines fonctions courantes. Ce qui suit est un résumé des services intégrés couramment utilisés dans Angular.
1.$service de localisation

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

Ici, la variable myUrl est définie pour l'objet $scope, puis le service $location est utilisé pour lire l'adresse URL et la stocker dans myUrl.
2..$service http
$http est le service le plus couramment utilisé dans AngularJS et il est souvent utilisé pour le transfert de données depuis le serveur. Dans l'exemple ci-dessous, le service envoie une requête au serveur et l'application répond avec les données envoyées par le serveur.

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

3.Service $timeout() et service $interval()
Les fonctions de ces deux services correspondent aux fonctions setTimeout() et setTimeInterval en JavaScript. Un exemple simple de temps de mise à jour en temps réel est le suivant :

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

En plus des services intégrés fournis dans Angular, nous pouvons également définir nos propres services en utilisant service. Voici un cadre de code de base pour définir les services :

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

Après avoir défini le service, nous pouvons l'utiliser comme le service Angular intégré :

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

Ce qui précède est un résumé des services intégrés couramment utilisés dans Angular. J'espère qu'il sera utile à l'apprentissage de chacun.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn