angularjs 服务

最新推荐文章于 2018-02-24 08:02:00 发布

信念堤岸

最新推荐文章于 2018-02-24 08:02:00 发布

阅读量355

点赞数

CC 4.0 BY-SA版权

分类专栏： angularjs

本文链接：https://blog.youkuaiyun.com/u012767607/article/details/71080422

angularjs 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了AngularJS中的几个关键服务，包括获取当前URL的$location服务、用于远程数据交互的$http服务、实现延迟操作的$timeout服务及定时更新的$interval服务。此外，还展示了如何创建自定义服务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AngularJS 服务(Service) AngularJS 内建了30 多个服务

10.6.1. $location 服务，它可以返回当前页面的 URL 地址。
app.controller('customersCtrl', function($scope, $location) {
$scope.myUrl = $location.absUrl();
});
10.6.2. $http 服务，是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。服务向服务器发送请求，应用响应服务器传送过来的数据。
app.controller('myCtrl', function($scope, $http) {
$http.get("welcome.htm").then(function (response) {
$scope.myWelcome = response.data;
});
});
10.6.3. $timeout 服务， AngularJS $timeout 服务对应了 JS window.setTimeout 函数。
app.controller('myCtrl', function($scope, $timeout) {
$scope.myHeader = "Hello World!";
$timeout(function () {
$scope.myHeader = "How are you today?";
}, 2000);
});
10.6.4. $interval 服务 AngularJS $interval 服务对应了 JS window.setInterval 函数。
app.controller('myCtrl', function($scope, $interval) {
$scope.theTime = new Date().toLocaleTimeString();
$interval(function () {
$scope.theTime = new Date().toLocaleTimeString();
}, 1000);
});

10.6.5. 创建自定义服务你可以创建访问自定义服务，链接到你的模块中：
创建名为hexafy 的访问:
app.service('hexafy', function() {
this.myFunc = function (x) {
return x.toString(16);
}
});
使用自定义的的服务 hexafy 将一个数字转换为16进制数:
app.controller('myCtrl', function($scope, hexafy) {
$scope.hex = hexafy.myFunc(255);
});