angular 服务的作用域

文章目录

说明

服务是angular抽离出来处理数据逻辑的一个文件,服务通常是单例的;使用服务,我们可以轻松实现跨模块跨组件共享数据,而这些是取决于服务的作用域的

分类

1 在根注入器中注册服务,所有模块使用同一个服务实例对象
2 在模块级别注册服务,在该模块中的所有组件使用同一个服务实例
3 在组件级别去注册服务,那么只能在组件及其子组件域内使用
这里需要先解释一下下面的用法
在这里插入图片描述

估计上面的解释会有一些模糊,下面写一些例子
1 关于在根模块中注册服务的例子
首先,我们建立一个服务
在这里插入图片描述
其中provideIn:‘root’,这里就表示是注册到了根模块中,是可以在全局使用这个服务的
在这里插入图片描述
我们在根组件中,就可以拿到这个服务的变量
假设,我们把注入代码变一下
在这里插入图片描述
然后就会报错了
在这里插入图片描述
这也就说明我们的作用域变了。
当然咯,我们也可以通过provider去注册,
在这里插入图片描述
你看,我们又拿到那个变量了。对吧
至于2、3的使用方法,基本也大同小异了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李卓书

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值