Angular自定义依赖注入(factory方法)
2017-07-06 09:15
363 查看
<!DOCTYPE html>
<html ng-app="test">
<head>
<meta charset="UTF-8">
<title>自定义依赖注入(factory方法)</title>
<script src="js/angular.js"></script>
</head>
<body>
<div ng-controller="con">{{a}}</div>
<script>
angular.module('test',[]).controller('con',function($scope,num){
$scope.a=10;
alert(num.fn(12,23));
alert(num.fn(1,2));
}).factory('num',function(){
alert('我执行了');
return {
a:12,
fn:function(n1,n2){
return n1+n2;
}
}
});
//方法一factory()
//方法二provide()
</script>
</body>
</html>
<html ng-app="test">
<head>
<meta charset="UTF-8">
<title>自定义依赖注入(factory方法)</title>
<script src="js/angular.js"></script>
</head>
<body>
<div ng-controller="con">{{a}}</div>
<script>
angular.module('test',[]).controller('con',function($scope,num){
$scope.a=10;
alert(num.fn(12,23));
alert(num.fn(1,2));
}).factory('num',function(){
alert('我执行了');
return {
a:12,
fn:function(n1,n2){
return n1+n2;
}
}
});
//方法一factory()
//方法二provide()
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Spring4深入理解IOC&DI04----Bean配置方式（全类名，工厂方法，FactoryBean），配置形式(基于XML和注解)，泛型依赖注入
- angular 依赖注入factory
- Angularjs MVC 以及 $scope 作用域 Angularjs 模块 的 run 方法 以及依赖注入中代码压缩问题
- Unity&WebForm(1): 自定义IHttpHandlerFactory使用Unity对ASP.NET Webform页面进行依赖注入
- angular.js添加自定义服务依赖项方法
- [导入]自定义IHttpHandlerFactory使用Unity对ASP.NET Webform页面进行依赖注入
- Angular 4 依赖注入学习教程之FactoryProvider的使用（四）
- FactoryBean在XML中的依赖注入方法
- Angular 4依赖注入学习教程之FactoryProvider配置依赖对象（五）
- spring依赖注入的基本方法及其原理
- Ninject依赖注入——构造函数、属性、方法和字段的注入(三)
- spring开发_注入其他Bean的方法返回值_MethodInvokingFactoryBean
- Spring-Context之六:基于Setter方法进行依赖注入
- spring中依赖注入 属性无set方法
- spring入门（6）---set方法注入依赖之null的注入
- 原创：Javascript DI！Angular依赖注入的实现原理
- spring setter方法依赖注入(DI)原理
- angular 实现依赖注入
- SPRING.NET 1.3.2 学习18--方法注入之IObjectFactoryAware,IObjectNameAware
- JIRA中自定义Dom4j依赖，引起”SAXParserFactoryImpl cannot be SAXParserFactory“ 异常