Maison > interface Web > js tutoriel > 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
Libérer: 2016-05-16 15:09:49
original
2223 Les gens l'ont consulté

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(); 
}); 
Copier après la connexion

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; 
 }); 
}); 
Copier après la connexion

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); 
}); 
Copier après la connexion

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); 
 } 
}); 
Copier après la connexion

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); 
}); 
Copier après la connexion

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal