前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Angular 中依赖注入

Angular 中依赖注入

作者头像
Jimmy_is_jimmy
发布2022-09-26 16:48:30
6280
发布2022-09-26 16:48:30
举报
文章被收录于专栏:call_me_Rcall_me_R

本文,我们来了解下 Angular 的依赖注入

译者添加:维基百科中指出 -- 在软件工程中,依赖注入(Dependency Injection, DI)是指让一个物件接收它所依赖的其他物件。“依赖”是指接收方所需的对象。“注入”是指将“依赖”传递给接收方的过程。在“注入”之后,接收方才会调用该“依赖”。

译者添加:举个例子 -- 当 classA 使用 classB 的某些功能时,则表示 classA 具有 classB 的依赖。在使用 classA 之前,我们需要创建 classB。推荐文章依赖注入是什么?如何使用它?

我们都知道在 Angular 中如何使用服务 services 的标准方法。将服务标记为可注入并将其放入模块中的 provider 部分中。如下:

injectable_provider.png
injectable_provider.png

对于依赖注入,我们有很多的小技巧可以使用。比如,在模块中Angular 可以转换一行 TestService 为不同行写法。

difenrent_lines.png
difenrent_lines.png

我们放在 provider 部分的每个服务,都会转换为带有两个属性的对象。在 provide 属性中,我们可以使用类名或者我们可以创建一个独一无二的键并注入一个对象。我们甚至可以注入一个变量。

inject_valiable.png
inject_valiable.png

另一个有趣的特性是,我们可以使用同一个键注入多个对象,然后像数组那样使用它们。

use_as_array.png
use_as_array.png

并且,我们也可以根据不同情况注入不同服务。换句话说,我们可以使用 if-else 声明。

if_else_alike.png
if_else_alike.png

现在,希望你了解了 Angular 依赖注入的魅力。

如果你想详解更多的相关代码内容,请戳 这里

本文为译文,采用意译的形式。原文地址:# Angular dependency injection

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-08-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档