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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.