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

服务的本质是一个单例对象,既然是一个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方法。

效果如下:

           


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值