angularJs实现简单计算器

最新推荐文章于 2019-12-13 17:13:10 发布

你不懂程序员的Bug

最新推荐文章于 2019-12-13 17:13:10 发布

阅读量1.9k

点赞数

分类专栏： angular 前端文章标签： angularJS 计算器 angular开发计算器前端计算器

本文链接：https://blog.csdn.net/NiQinGe/article/details/79046021

版权

本文介绍了如何利用AngularJS框架开发一个简单的前端计算器，通过示例代码和运行效果图展示实现过程。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en" class="buttonDiv">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <title>计算器</title>
    <script src="https://cdn.bootcss.com/angular.js/1.6.7/angular.min.js"></script>
    <!--<script src="../js/angular.min.js"></script>-->
    <script>
        var app = angular.module("myCount", []);
        app.controller("theCount", function ($scope) {
                $scope.textView = "0";
                $scope.fuhao = "";
                $scope.firstNumber = "";
                $scope.secondNumber = "";
                //    $scope.flag = 0;//是否点击等于号，0表示处于未点击状态，1表示以点击后的状态

                //归0
                $scope.doEmpty = function () {
                    $scope.textView = "0";
                    $scope.fuhao = "";
                    $scope.firstNumber = "";
                    $scope.secondNumber = "";
                }

                //点击正负数时
                $scope.valiteNumber = function () {
                    if ($scope.firstNumber == "") {
 //什么都没有时
                        $scope.firstNumber = "-";
                        return;
                    }
                    if ($scope.firstNumber != "" && $scope.fuhao == "") {
                        if ($scope.firstNumber / 1 > 0) {
                            $scope.firstNumber = "-" + $scope.firstNumber;
                        } else {
                            $scope.firstNumber = $scope.firstNumber.substring(1, $scope.firstNumber.length);
                        }
                        $scope.textView = $scope.firstNumber;
                        return;
                    }
                    if ($scope.fuhao != "") {
                        if ($scope.secondNumber == "") {
                            $scope.secondNumber = "-";
                            $scope.textView = $scope.secondNumber;
                            return;
                        }
                        if ($scope.secondNumber / 1 > 0) {
                            $scope.secondNumber = "-" + $scope.secondNumber;
                        } else {
                            $scope.secondNumber = $scope.secondNumber.substring(1, $scope.secondNumber.length)