Angular依赖注入

来源：互联网发布：日本老人知乎编辑：程序博客网时间：2024/06/05 02:12

<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">

<input type="button" value="factory方式定义服务" ng-click="fangfa1()"/>

<script type="text/javascript">
var mo = angular.module("myApp",[]);
mo.controller("myCtrl",function($scope,myService){

$scope.fangfa1 = function(){
myService.chifan();

myService.fangfa2("我还爱吃鸡","我爱吃蔬菜");
}

})
//自定义服务
// mo.filter("过滤器名字",方法)
mo.factory("myService",function(){
//服务里面有个方法
var obj = {};

obj.chifan = function(){

console.log("我爱吃肉。。。。。")

}

obj.fangfa2 = function(){

console.log("我爱吃肉。。。。。"+arguments[0]+"---"+arguments[1])

}
//定义方法
//如果要获取值，要定义一个方法，然后在方法里面返回。
obj.getFan = function(){

return arguments[0];

}

//请求网络
obj.qinqiu = function($http){
$http.get().then();
}
return obj;//返回对象
});
</script>

</body>
</html>

阅读全文

0 0