bootstrap 插件 计算器_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;

}

})

效果图展示:

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