AngularJs+Bootstrap实现漂亮的计算器

之前看到一个试题，要求用angularJs和Bootstrap写一个简单的计算器，通过百度，发现没有什么好的例子，所以呢，我就把自己写的一个例子发出来给大家。（大牛勿喷）

HTML代码:

 
 
   
     
     
     
        
   
   
    
 
      
 
      
 
        
 
          
 
             
             
          
 
          
 
          
 
            
 
              7 
              8 
              9 
              ÷ 
              
 
              4 
              5 
              6 
              x 
              
 
              1 
              2 
              3 
              - 
              
 
              0 
              ± 
              . 
              + 
            
 
            
 
              清零 
              
 
              = 
            
 
          
 
        
 
      
 
      
 
    
 
   
   
   
   
 

 AngularJs代码:

var myApp=angular.module("myApp",[]); 
myApp.controller("myController",function($scope){ 
  $scope.shuzi=""; 
  $scope.jieguo=0; 
  $scope.num=function(num){ 
    $scope.shuzi+=num; 
  } 
  $scope.js=function(){ 
    $scope.jieguo=(eval($scope.shuzi)); 
  } 
  $scope.reversal=function(){ 
    if(eval($scope.shuzi)>0){ 
      $scope.shuzi="-"+$scope.shuzi; 
    }else{ 
      $scope.shuzi=$scope.shuzi.substring(1); 
    } 
  }  
  $scope.remove=function(){ 
    $scope.shuzi=""; 
    $scope.jieguo=0; 
  } 
}) 

效果图展示:

源码打包下载：https://github.com/tianfayl/public

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。