angular中的$provide和$inject方法使用理解

1.angular中使用$provide来注册服务,然后使用$inject来注入注册的服务。

app.config(function($provide){
	$provide.provider("myProvide", function(){
		this.$get = function(){
		    return function(name){
                          alert("name is "+name)
                    }
		}
	})
})<pre name="code" class="html">app.config(function($provide){
	$provide.factory("myProvide", function(){
		return function(name){
                          alert("name is "+name)
                 }
	})
})

app.config(function($provide){
	$provide.vaue("myProvide", function(name){
		alert("name is "+name)
	})
})

 这三个方法都是注册服务的方法,由于这个三个方法比较常用, 所有angular将这个三个方法暴露给了angular实例。 

app.config(function($inject){
    var inject1 = $inject.get("myProvide")
    var inject2 = $inject.get("myProvide")
    console.info(inject1===inject2)//true<span style="white-space:pre">	</span>
})
$inject可以动态的实例化注册的服务,而且两个名称相同的服务不会被重复实例化。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AngularJS 使用 $injector 服务来注入依赖项时,$injector 会根据依赖项的名称来查找相应的服务,并将服务的实例注入到需要注入依赖项的函数。 在使用 $inject 属性来指定依赖项的名称时,$injector 会将 $inject 属性指定的依赖项名称与需要注入依赖项的函数的参数列表进行匹配。如果匹配成功,则会将相应的服务实例注入到需要注入依赖项的函数。 例如,以下代码定义了一个名为 myController 的控制器: ```javascript angular.module('myModule', []) .controller('myController', ['$scope', '$http', function($scope, $http) { // 使用 $scope 和 $http 服务 }]); ``` 在上面的代码,$injector 会按照 $inject 属性指定的依赖项名称来查找相应的服务实例,并将 $scope 和 $http 服务的实例注入到匿名函数。 需要注意的是,$inject 属性指定的依赖项的名称必须与需要注入依赖项的函数的参数名称一致,否则 $injector 就无法正确地将服务实例注入到函数。 除了使用 $inject 属性来指定依赖项的名称之外,我们还可以使用函数的 toString() 方法来获取函数的源码,然后通过正则表达式来解析函数的参数列表,并将参数名称作为依赖项的名称进行注入。例如: ```javascript angular.module('myModule', []) .controller('myController', function($scope, $http) { // 使用 $scope 和 $http 服务 }); // 解析函数参数列表的正则表达式 var FN_ARGS = /^function\s*[^\(]*\(\s*([^\)]*)\)/m; // 获取函数的源码 var controllerSource = myModule._invokeQueue[0][2][1].toString(); // 通过正则表达式解析函数的参数列表 var matches = controllerSource.match(FN_ARGS); var argNames = matches[1].split(',').map(function(argName) { return argName.trim(); }); // 使用 $injector 服务手动注入依赖项 myModule.controller('myController', argNames.concat(function($scope, $http) { // 使用 $scope 和 $http 服务 })); ``` 在上面的代码,我们通过获取 myController 控制器的源码,并使用正则表达式解析出参数列表的参数名称,然后再手动调用 $injector 服务来注入依赖项。虽然这种方式比较繁琐,但是在某些情况下,比如需要动态地创建控制器时,可能会比较有用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值