什么是服务?

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

AngularJS 内建了30 多个服务。

为什么使用服务?

在很多服务中,比如 $location 服务,它可以使用 DOM 中存在的对象,类似 window.location 对象,但 window.location 对象在 AngularJS 应用中有一定的局限性。

AngularJS 会一直监控应用,处理事件变化, AngularJS 使用 $location 服务比使用 window.location 对象更好。

下面举几个angularjs服务例子帮助理解:

$timeout 服务

AngularJS $timeout 服务对应了 JS window.setTimeout 函数。

代码:

var app=angular.module('myApp',[]);

app.controller('myCtrl',function($scope,$timeout){

  $scope.myHead="hello world!";

    $timeout(function(){

      $scope.myHead="nice skill get!";

    },2000);

});

效果图:

聊一聊  AngularJS 服务-LMLPHP

$interval 服务

AngularJS $interval 服务对应了 JS window.setInterval 函数。

angular.module('myApp',[]).controller('myCtrl',function($scope,$interval){

    $scope.theTime=new Date().toLoacleTimeString();

      $interval(function(){

        $scope.theTime=new Date().toLocaleTimeString();

      },1000);

      //$interval访问可以在指定的周期(已毫秒计)来调用函数或者计算表达式

});

效果图:

聊一聊  AngularJS 服务-LMLPHP

04-19 18:10
查看更多