AngularJs实现简易的计算器

最新推荐文章于 2022-03-26 11:31:37 发布

蒲小若

最新推荐文章于 2022-03-26 11:31:37 发布

阅读量2.3k

点赞数

分类专栏：前端开发经验总结录文章标签： angularjs html javascript css

本文链接：https://blog.csdn.net/qq_39585562/article/details/78165308

版权

前端开发经验总结录专栏收录该内容

40 篇文章 1 订阅

订阅专栏

<!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>

蒲小若

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJs实现简易的计算器

Title + - * / = // var show = document.getElementById("show"); angular.module("myApp",[]) .controll
复制链接

扫一扫