angular中的服务注意点

本文深入讲解Angular中的依赖注入机制,包括服务的生成、实例化过程及如何在组件和服务中进行正确的依赖注入。通过实例演示了@Injectable装饰器的重要性,并解释了组件能够注入服务的原因。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

依赖注入,注入的就是一个服务,其实就是一个类。依赖注入的过程就是实例化这个类,即实例化这个服务,怎么实例化呢?那就需要提供器providers来提供了。

生成一个服务的命令:

ng g service shared/productservice   //在文件夹shared下生成一个productservice  服务

 

这是服务中的代码片段,第一行的@Injectable()表示在该服务中可以注入其他服务。

怎么在服务中注入其他服务?跟在组价中注入服务一样,在构造函数中注入即可,记得在提供器中声明。代码如下:

代码中注入的是LoggerService服务,在代码片段中这样写就可以了?不行,还得在提供器中声明呢,如下:

 

如果服务代码中没有@Injectable(),那么服务中是不能注入其他服务的,所以建议都带上@Injectable().

 

那为什么在组件中没有@Injectable(),【如下图】也可以在组件中注入服务呢?因为Component是Injectable的子类Pipe也是。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值