什么是 injular？
injular 是一个针对 Angular 应用程序的小型、快速、易用的依赖注入库。 它提供了一种在应用程序中轻松使用 IoC 的方法。它遵循 Angular 的风格并在其之上构建。
安装 injular
使用 npm 安装 injular：
npm install injular
或者将 injular 添加到您的 package.json 文件中：
{
"dependencies": {
"injular": "1.x.x"
}
}如何使用 injular？
Step 1: 配置应用程序
可以通过以下方式创建应用程序：
const injular = require('injular');
const app = injular.module('myApp', []);- 模块名是一个字符串，在 Angular 中它是区分其他模块的唯一标识符。
- 第二个参数是该模块依赖的其他模块。
Step 2: 添加依赖注入对象
可以使用 app.service 方法添加服务：
app.service('myService', [function () {
// 服务的功能代码
}]);app.factory 方法用于添加服务工厂函数：
app.factory('myFactory', [function () {
// 返回服务的工厂函数
}]);可以使用
app.value、app.constant来添加常量。
Step 3: 注入依赖
可以在控制器中注入服务：
app.controller('myController', ['myService', function (myService) {
// 控制器的代码，可以使用 myService
}]);也可以在服务中注入其他服务：
app.service('myService', ['myDependency', function (myDependency) {
// 服务的功能代码，可以使用 myDependency
}]);injular 的优点
使用 injular 的一个显著优点是它提供了一种更容易测试的方式。您可以使用以下方式轻松地测试组件:
const myService = app.injector.get('myService');
expect(myService.someMethod()).toEqual('myExpectedOutput');另外，injular 还降低了组件之间的耦合度，使您的代码更易于扩展和维护。
示例代码
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------------------- ----
----------------------- ---------------------------
------------------------ --------- ---------- -------- ------- -------- -
------ -
-------------- -------- -- -
------ ----------------- - ----------------
--
--------- -------- ------ -
------ ------------------ - -------- ------
-
--
----
------------------------ ---------- ------------ -------- -------- ---------- -
--------------------------------------- ---------- -
----------- - --------------
---
----在这个示例中，我们创建了一个 Angular 应用程序并注册了一个常量和一个名为 myFactory 的服务工厂函数。myFactory 依赖于 Angular 的内置 $http 服务以及我们自定义的 API_URL 常量。
我们还创建了一个名为 myCtrl 的控制器，该控制器注入了 myFactory 并加载了最新数据并将其绑定到 $scope.data 上。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055b8981e8991b448d9296