AngularJS(4)-服务(Service)

阳光穿透心脏的1/2处 2021-12-15 03:27 241阅读 0赞

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

![543426-20160918154240856-964781401.png][]

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

![543426-20160918154849632-791825907.png][]

3.$timeour服务

![543426-20160918155835954-1545918217.png][]

4.$interval服务

![543426-20160918155854424-1778578503.png][]

5.自定义服务hexafy

![543426-20160918174116622-896062153.png][]

![543426-20160918174140140-1264977568.png][]

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

[543426-20160918154240856-964781401.png]: /images/20211214/0f52f35bc926489fbe5d79bf8a33c29d.png
[543426-20160918154849632-791825907.png]: /images/20211214/c2accf606c3b4164ad9b0b91c6318813.png
[543426-20160918155835954-1545918217.png]: /images/20211214/0ac7fcf0dbd64b78a60ad31b60a2d880.png
[543426-20160918155854424-1778578503.png]: /images/20211214/7dd70051f8d24ba7925f0dec26b60dbd.png
[543426-20160918174116622-896062153.png]: /images/20211214/bb096997f95e416885d34832e5373531.png
[543426-20160918174140140-1264977568.png]: /images/20211214/1d512f0a0e204ded8b0cd8c35cef5c1d.png