您的位置:首页 > Web前端 > AngularJS

AngularJS之服务--拆穿本质,超级好理解!

2016-09-19 22:07 489 查看
服务的本质是一个单例对象,既然是一个js对象,那么它肯定有属性和方法。

当我们把服务注入到控制器中时,我们就可以调用服务,也就是一个js对象的属性和方法了。

这样理解起来是不是很简单,所谓地调用一个服务,其实就是使用一个js对象的属性或方法。

最常见的注册服务的方法是factory()方法。

factory(name,function(){

  return{

  };

})

它包含两个参数:

1、name

2、一个函数

name是用来注册这个服务的名称,function中会返回一个对象或者函数。这点是不是和我们指令的注册方法十分相似呢,

是的他们都是用一个name来注册一个指令或者是服务的名称。然后用function返回一个对象。

其实,说白了就是用一个name来表示一个js对象。

然后指令调用指令这个js这个对象的时候,用的是html中的标签来调用。而调用服务这个js对象时,是在controller中用服务的名字来实现服务的调用。

我们来看一个controller中调用service的例子:

.controller("myController",function($scope,myService){
$scope.name = "kobe";
$scope.age = 39;
alert(myService.serviceName);
myService.serviceMethod();
})

.factory("myService", function(){
return{
serviceName:"testService",
serviceMethod:function()
{
alert("call the serviceMethod");
}
}
})

在这个controller中,我们通过service的名称myService来注入这个依赖,并在controller中myService其实就是代表了service中那个return的js对象,因此我们可以访问他的属性和方法,页面上回出现两个alert对话框,第一个是用来展示myService的serviceName这个属性,第二个alert是执行了myService里的serviceMethod方法。

效果如下:

           
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: