AngularJS 自定义服务
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自定义服务</title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="button" value="点我吃肉" ng-click="dianwo()" />
<script type="text/javascript">
var mk = angular.module("myApp",[]);
mk.controller("myCtrl",function($scope,myService){
$scope.dianwo = function(){
myService.chi1();
myService.chi2("吃鸭吃鸭吃鸭","吃鱼吃鱼吃鱼");
}
})
//自定义服务 工厂
mk.factory("myService",function(){
//定义一个对象
var obj = {};
obj.chi1 = function(){
console.log("吃鸡吃鸡吃鸡")
}
obj.chi2 = function(){
console.log("吃鸡吃鸡吃鸡----"+arguments[0]+"----"+arguments[1])
}
//如果要获取值,要定义一个方法,然后在方法里面返回。
obj.getFan = function(){
return arguments[0]
}
return obj;//返回去对象
})
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>自定义服务</title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="button" value="点我吃肉" ng-click="dianwo()" />
<script type="text/javascript">
var mk = angular.module("myApp",[]);
mk.controller("myCtrl",function($scope,myService){
$scope.dianwo = function(){
myService.chi1();
myService.chi2("吃鸭吃鸭吃鸭","吃鱼吃鱼吃鱼");
}
})
//自定义服务 工厂
mk.factory("myService",function(){
//定义一个对象
var obj = {};
obj.chi1 = function(){
console.log("吃鸡吃鸡吃鸡")
}
obj.chi2 = function(){
console.log("吃鸡吃鸡吃鸡----"+arguments[0]+"----"+arguments[1])
}
//如果要获取值,要定义一个方法,然后在方法里面返回。
obj.getFan = function(){
return arguments[0]
}
return obj;//返回去对象
})
</script>
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.