2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > AngularJS依赖注入常用对象注入器 $injector常用API方法 get has invoke

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

时间:2024-02-23 21:30:03

相关推荐

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>

控制台如下:

①在本例代码中,除使用factory方法定义一个名为” custom"的服务之外,还自定义了一个名为fun的函数,并在这个函数中注入 custom服务,再调用服务中的”print”方法,向浏览器的控制台输出“函数执行成功!”的字样。

②为了能执行这个自定义函数fun,我们调用$injector中的invoke方法,该方法的功能不仅执行名称对应的函数代码。而且还能返回被执行函数返回的值,而在示例中,仅执行fun函数,将设置的内容显示在浏览器的控制台中,最终执行相关如上图所示。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。