AngularJS(4)-服务(Service)

weixin_34221112

于 2019-07-04 13:38:15 发布

阅读量1.2k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yk123/p/5884318.html

版权

本文介绍AngularJS中的核心服务，包括$location、$http、$timeout和$interval等，以及如何创建自定义服务并将其应用于过滤器中，实现数值格式化的功能。

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

1.$location服务 $location 服务，它可以返回当前页面的 URL 地址

2.$http服务 $http 是 AngularJS 应用中最常用的服务。服务向服务器发送请求，应用响应服务器传送过来的数据。

3.$timeour服务

4.$interval服务

5.自定义服务hexafy

6.过滤器中使用自定义服务

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

<p>过滤器使用服务将10进制转换为16进制。</p>
</div>

<script>
var app = angular.module('myApp', []);
app.service('hexafy', function() {
	this.myFunc = function (x) {
        return x.toString(16);
    }
});
app.filter('myFormat',['hexafy', function(hexafy) {
    return function(x) {
        return hexafy.myFunc(x);
    };
}]);
app.controller('myCtrl', function($scope) {
    $scope.counts = [255, 251, 200];
});
</script>

</body>
</html>

转载于:https://www.cnblogs.com/yk123/p/5884318.html