<!DOCTYPE html>
<html lang="en" ng-app = "myApp">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/angular-1.5.8.min.js"></script>
</head>
<body ng-controller="myCon">
<input type="text" ng-model="num1">
<select ng-model="ico">
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
<input type="text" ng-model="num2">
<span ng-click = "result()">=</span>
<span ng-bind="myresult">
<!--{{result()}}-->
</span>
</body>
<script>
// var show = document.getElementById("show");
angular.module("myApp",[])
.controller("myCon",["$scope",function($s){
$s.result = function(){
$s.$watch("ico",function (newV,oldV) {
switch (newV){
case "+" :
console.log($s.num1*1 + $s.num2*1);
$s.myresult = $s.num1*1 + $s.num2*1;
return $s.num1*1 + $s.num2*1;
break;
case "-" :
console.log($s.num1*1 - $s.num2*1);
$s.myresult = $s.num1*1 - $s.num2*1;
return $s.num1*1 - $s.num2*1;
break;
case "*" :
console.log($s.num1*1 * $s.num2*1);
$s.myresult = $s.num1*1 * $s.num2*1;
return $s.num1*1 * $s.num2*1;
break;
case "/" :
console.log($s.num1*1 / $s.num2*1);
$s.myresult = $s.num1*1 / $s.num2*1;
return $s.num1*1 / $s.num2*1;
break;
default:
}
})
}
}])
</script>
</html>
AngularJs实现简易的计算器
最新推荐文章于 2024-07-19 23:51:23 发布