在 Angular2 中，依赖注入是一个非常重要的概念。它允许我们通过将依赖项注入到组件、指令、服务等中，来实现各种功能。在本文中，我们将深入了解如何实现 provider，以及如何在 Angular2 中使用它。
什么是 provider？
在 Angular2 中，provider 是一个用于提供依赖项的对象。它可以是一个服务、一个对象、一个字符串、一个类等等。当我们需要使用一个依赖项时，我们可以使用 @Injectable 装饰器来声明它，并使用 provider 将它注入到组件、指令、服务等中。
如何实现 provider？
在 Angular2 中，我们可以使用 @Injectable 装饰器来声明一个 provider。它的语法如下：
------------- ------ ----- --------- - -- --- -
在这个例子中，我们使用 @Injectable 装饰器来声明一个 MyService 类。这个类将作为一个 provider，可以被注入到其他组件、指令、服务等中。
除此之外，我们还可以使用 provide 关键字来声明一个 provider。它的语法如下：
------ - ------- - ---- ---------------- ----- ---------- - ------------------ - --------- --------- ---
在这个例子中，我们使用 provide 函数来声明一个名为 myToken 的 provider。我们将 useClass 属性设置为 MyService 类，这意味着我们可以将 myToken 注入到其他组件、指令、服务等中，并使用 MyService 类来提供依赖项。
如何使用 provider？
在 Angular2 中，我们可以使用 @Inject 装饰器来注入一个依赖项。它的语法如下：
------ - ---------- ------ - ---- ----------------
------------
-- ---
--
------ ----- ----------- -
------------------------------ ---------- ---- -
-- ---
-
-在这个例子中，我们使用 @Inject 装饰器来注入一个名为 myToken 的依赖项。我们将它作为构造函数的参数传入，并将它命名为 myService。这意味着我们可以在 MyComponent 中使用 myService 来访问 MyService 类的实例。
除此之外，我们还可以在 @Component、@Directive、@Pipe 等装饰器中使用 providers 属性来注入依赖项。它的语法如下：
------ - --------- - ---- ---------------- ------ - --------- - ---- --------------- ------------ ---------- ------------ -- --- -- ------ ----- ----------- - -- --- -
在这个例子中，我们使用 providers 属性来注入一个 MyService 类的实例。这意味着我们可以在 MyComponent 中使用 MyService 类的实例，而不需要显式地注入它。
总结
在本文中，我们深入了解了如何实现 provider，并探讨了在 Angular2 中如何使用它。我们学习了如何使用 @Injectable 装饰器和 provide 函数来声明 provider，以及如何使用 @Inject 装饰器和 providers 属性来注入依赖项。希望本文对你有所帮助，让你更好地理解 Angular2 中的依赖注入机制。下面是一个完整的示例代码：
------ - ---------- ------- ----------- ------- - ---- ----------------
-------------
------ ----- --------- -
-- ---
-
----- ---------- - ------------------ -
--------- ---------
---
------------
---------- -------------
-- ---
--
------ ----- ----------- -
------------------------------ ---------- ---- -
-- ---
-
-来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d2c806add4f0e0ffb14032