码迷,mamicode.com
首页 > 其他好文 > 详细

Angular injector注入器

时间:2017-08-04 12:41:27      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:result   type   个人   test   cti   理解   自定义   info   head   

<!DOCTYPE html>
<html ng-app="myApp">
<head lang="en">
<meta charset="UTF-8">
<script src="js/angular.js"></script>
<title></title>
</head>
<body>
<div ng-controller="myCtrl">

</div>
<script>
var app = angular.module(‘myApp‘, [‘ng‘]);
//通过service方法创建自定义服务
app.service(‘$test‘, function () {
this.info = ‘it is a test‘;
})


//得到注入器 个人理解为在此处继承了$text的服务
var injector = angular.injector([‘ng‘, ‘myApp‘]);
console.dir(injector);
//手工判断该服务是否存在
var result = injector.has(‘$test‘)
console.log(result);
//如果存在,得到该服务对象,调用属性或者方法
if (result) {
var testObj = injector.get(‘$test‘);
console.log(testObj.info);
}

//采用行内式依赖注入
app.controller(‘myCtrl‘,
[‘$scope‘,‘$injector‘ ,
function ($scope,$injector ) {
if($injector.has(‘$test‘))
{
var result = $injector.get(‘$test‘).info;
// 或者var result = testObj.info;
console.log("in myCtrl is "+ result)
}
}])
</script>
</body>
</html>

Angular injector注入器

标签:result   type   个人   test   cti   理解   自定义   info   head   

原文地址:http://www.cnblogs.com/dianzan/p/7284320.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!