angularJS 服务(service)

在angularJS中,服务是一个函数或对象,可在angularJS应用中使用。

其中有个$location,可以返回当前页面的URL地址。

$location:

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

$location服务是作为一个参数传递到controller中,如果要使用就要先在controller中定义。


$http:

$http是angularJS应用中最常用的服务,服务向服务器发送请求,应用响应服务器传递过来的数据。
<script>
    var app = angular.module('angularJSApp',[]);
    app.controller('httpCtrl',function($scope,$http){
        $http.get("json/test.json")
                .success(function (response) {
                    $scope.names = response.sites;
                });
    })
</script>

$timeout:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $timeout) {
    $scope.myHeader = "Hello World!";
    $timeout(function () {
        $scope.myHeader = "How are you today?";
    }, 2000);
});

两秒后显示信息。


$interval:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $interval) {
    $scope.theTime = new Date().toLocaleTimeString();
    $interval(function () {
        $scope.theTime = new Date().toLocaleTimeString();
    }, 1000);
});
没两秒显示信息。





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值