高效利用Angular中内置服务

AngularJS中为我们提供了众多的内置服务，通过这些内置服务可以轻松的实现一些常用功能。下面对Angular中常用的内置服务进行一下总结。

1.$location服务

$location服务用于返回当前页面的URL地址，示例代码如下：

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

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;});
});

这两个服务的功能对应的是javascript中的setTimeout()和setTimeInterval函数。一个简单的实时更新时间例子如下：

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);
});

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！