AngularJS 服务

前端之家收集整理的这篇文章主要介绍了AngularJS 服务前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

AngularJS 服务本质上是一个JS对象,当然包括函数

大约有30个内置服务对象.

支持用户自定义服务.

如:

1. $location服务

类似与window.location,但是AngularJS应用程序中推荐使用自带的$location对象.

下面例子利用$location对象获取当前页面的url.

<div ng-app="myApp" ng-controller="myCtrl">
    The url of current page is:
    <h1>{{myUrl}}</h1>
</div>

<script>
    var app = angular.module('myApp',[]);
    app.controller('myCtrl',function($scope,$location) {
        $scope.myUrl = $location.absUrl();
    })
</script>

2. $http服务

是AngularJS中经常使用的一种服务,主要是向服务器端发送请求,AngularJS再处理返回消息.

3. $timeout服务

类似于window.setTimeout函数

如下例,设置延迟两秒显示消息:

<div ng-app="myApp" ng-controller="myCtrl">
    <h1>{{msg}}</h1>
</div>

<script>
    var app = angular.module('myApp',$timeout) {
       $timeout(function() {
           $scope.msg = "hello world";
       },2000);
    });
</script>

4. $interval服务

类似于window.setInterval函数


5. 自定义服务

利用service函数,例如创建一个服务toHexStr,作用是将数字转换成16进制的字符串

<div ng-app="myApp" ng-controller="myCtrl">
    <h1>{{hex}}</h1>
</div>

<script>
    var app = angular.module('myApp',[]);
    app.service('toHexStr',function() {
       this.myFunc = function(x) {
           return x.toString(16);
       }
    });
    app.controller('myCtrl',toHexStr) {
        $scope.hex = toHexStr.myFunc(255);
    });
</script>
如果想在过滤器中使用自定义服务,在创建过滤器时应该将自定义的服务作为依赖. 原文链接:https://www.f2er.com/angularjs/149221.html

猜你在找的Angularjs相关文章