AngularJS依赖注入常用对象注入器 $injector常用API方法，get、has、invoke

118 阅读 0 评论 78 点赞

我是靠谱客的博主怕孤单玫瑰，最近开发中收集的这篇文章主要介绍AngularJS依赖注入常用对象注入器 $injector常用API方法，get、has、invoke，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

get与has
①has方法的作用是从注册的列表查找对应的服务，如果找到返回true，否则返回false;它的调用格式如下：

injector.has(name)

②get方法的作用是返回指定名称的服务实例，获取到服务的实例对象后，就可以直接调用服务中的属性和方法，它的调用格式如下：

injector.get(name)

为了更深入的理解这两个API的使用方法，我们通过一个简单的示例来演示他们在应用中的使用过程。

③首先，定义一个名为”$custom”的服务，并在该服务中创建一个”print”方法，用于在控制台中输入任意内容;

④然后，调用has方法判断是否存在”$custom”服务；

⑤如果存在，则调用get方法，获取服务的实例对象。并调用该对象的“print”方法输出设定的字符内容。

<!doctype html>
<html ng-app="a4_6">
<head>
<title>has和get方法</title>
<script src="../Script/angular.min.js"
type="text/javascript"></script>
</head>
<body>
<div ng-controller="c4_6">
<!-- 视图组件 -->
</div>
<script type="text/javascript">
var a4_6 = angular.module('a4_6', [])
.factory('$custom', function () {
return {
print: function (msg) {
console.log(msg);
}
};
});
var injector = angular.injector(['a4_6', 'ng']);
var has = injector.has('$custom');
console.log(has);
if (has) {
var custom = injector.get('$custom');
custom.print("控制台输出任意的内容！");
}
a4_6.controller('c4_6', ['$scope', '$custom',
function ($scope, $custom) {
//控制器代码
}]);
</script>
</body>
</html>

invoke方法
invoke方法是一个功能强大的方法，它做常用的场景就是执行自定义函数。除此之外，在执行函数时，还能传递变量给函数本身，他的调用格式如下：

injector.invoke(fn,[self],[locals])

在上述代码中，injector为获取$injector对象，参数fn为需要执行的函数名称，可选项参数self是一个对象，表示用于函数中this变量，可选参数locals也是一个对象，它能为函数中变量名的传递提供方法支持。

例如：

<!doctype html>
<html ng-app="a4_7">
<head>
<title>invoke方法</title>
<script src="../Script/angular.min.js"
type="text/javascript"></script>
</head>
<body>
<div ng-controller="c4_7">
<!-- 视图组件 -->
</div>
<script type="text/javascript">
var a4_7 = angular.module('a4_7', [])
.factory('$custom', function () {
return {
print: function (msg) {
console.log(msg);
}
};
});
var injector = angular.injector(['a4_7', 'ng']);
var fun = function ($custom) {
$custom.print("函数执行成功！");
}
injector.invoke(fun);
a4_7.controller('c4_7', ['$scope', '$custom',
function ($scope, $custom) {
//控制器代码
}]);
</script>
</body>
</html>