• 技术文章 >web前端 >js教程

    一文聊聊Angular中的依赖注入

    青灯夜游青灯夜游2023-01-06 21:14:44转载34

    本篇文章带大家继续angular的学习,简单了解一下Angular 中的依赖注入,希望对大家有所帮助!

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

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

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

    injectable_provider.png

    对于依赖注入,我们有很多的小技巧可以使用。比如,在模块中Angular 可以转换一行 TestService 为不同行写法。【相关教程推荐:angular教程编程教学

    difenrent_lines.png

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

    inject_valiable.png

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

    use_as_array.png

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

    if_else_alike.png

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

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

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

    更多编程相关知识,请访问:编程视频!!

    以上就是一文聊聊Angular中的依赖注入的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:掘金社区,如有侵犯,请联系admin@php.cn删除
    上一篇:Node实战学习:浏览器预览项目所有图片 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 浅析Angular中的Change Detection机制• Angular学习之聊聊Http ( 错误处理 / 请求拦截 )• 详解angular中操作DOM元素的方法• 带你了解Angular组件间进行通信的几种方法• 一文探究Angular中的服务端渲染(SSR)
    1/1

    PHP中文网