<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="angular-1.3.0.js"></script>
<script type="text/javascript">
var app=angular.module("myApp",[]);
app.service("calcuator",function(){
this.add=function(num1,num2){
return num1+num2;
};
this.subtract=function(num1,num2){
return num1-num2;
};
this.multiply=function(num1,num2){
return num1*num2;
};
this.divide=function(num1,num2){
if(num2!=0){
return num1/num2;
}
return 0;
}
});
app.controller("myCtrl",function($scope,calcuator){
$scope.result1=calcuator.add(8,4);
$scope.result2=calcuator.subtract(8,4);
$scope.result3=calcuator.multiply(8,4);
$scope.result4=calcuator.divide(8,4);
});
</script>
</head>
<body ng-app="myApp">
<div ng-controller="myCtrl">
<div>8 + 4 = {{ result1 }}</div>
<div>8 - 4 = {{ result2 }}</div>
<div>8 * 4 = {{ result3 }}</div>
<div>8 / 4 = {{ result4 }}</div>
</div>
</body>
</html>
angularJs中的service服务
最新推荐文章于 2020-07-13 23:15:56 发布