AngularJs引导实现漂亮的计算器

编辑：宝哥软件园来源：互联网时间：2021-09-04

新天龙八部

评分

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

超文本标记语言代码：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML头元http-equiv=' Content-Type ' Content=' text/HTML；charset=UTF-8 '标题计算器/title link rel='样式表type=' text/CSS ' href=' CSS/bootstrap。量滴CSS '/link rel='样式表type=' text/CSS ' href=' CSS/style。CSS/head body div ng-app=' myApp ' ng-controller=' my controller ' class=' row ' div class=' col-MD-5 col-xs-5 '/div class=' col-MD-4 col-xs-4 ' div id=' a ' div id='按钮类型=' button ' ng-click=' num(4)' class=' BTN BTN-default ' id=' but ' 4/按钮类型=' but ' but ' button ' ng-click=' num(5)' class=' BTN BTN-默认' id=' but ' 6/按钮类型=' but ' but ' button ' ng-click=' num '(*)class=' BTN BTN-default ' id=' but ' 6/按钮类型=' but ' button ' ng-click=' num '(* ' class)=' BTNBTNBTN-default ' id=')" class=" BTNBTN-default " id=" but " . /button button type=' button ' ng-click=' num(')' class=' BTN BTN-默认' id=' but '/but but button/div class=' col-MD-5 col-xs-5 ' button type=' button ' class=' BTN BTN-主BTN-LG ' ng-click=' remove()' id=' lgbut 1 '清零/button br/button type=' button ' class=' BTN BTN-主要BTN-LG ' ng-click=' js()' id=' LG but 2 '=/button/div/div/div class=' col-MD-4 col-xs-4 '/div/div/body脚本类型=' text/JavaScript ' src=' http : js/angular。1 .6 .3 .js /脚本脚本类型=' text/JavaScript ' src='代码：

var myApp=angular.module('myApp '，[])；myApp.controller('myController '，函数($ scope){ $ scope。shuzi=$ scope。郭解=0；$ scope。num=function(num){ $ scope。shuzi=num} $ scope。js=function(){ $ scope。郭解=(eval($ scope。shuzi))；} $ scope。reverse=function(){ if(eval($ scope。shuzi)0){ $ scope。shuzi='-' $ scope。舒子；} else { $ scope。shuzi=$ scope。舒子。子串(1)；} } $ scope。remove=function(){ $ scope。shuzi=$ scope。郭解=0；} }) 效果图展示：