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

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