AngularJS 简单加减乘除

第一种方法：

1    <div ng-app="">
2        <div>
3            <!--文本-->
4            <input type="number" ng-model="A" placeholder="  输入数字1">
5            {{a}}
6            <input type="number" ng-model="B" placeholder="  输入数字2">
7            =
8            <!--//四个答案-->
9            <h2 id="a1" style="display:none" onclick="w1()">{{A+B}}</h2>
10            <h2 id="a2" style="display:none" onclick="w2()">{{A-B}}</h2>
11            <h2 id="a3" style="display:none" onclick="w3()">{{A*B}}</h2>
12            <h2 id="a4" style="display:none" onclick="w4()">{{A/B}}</h2>
13        </div>
14        <div>
15            <!--// 四个按钮 加减乘除 点击哪一个显示哪一个-->
16            <button id="AA" ng-click="a='+'">+</button>
17            <button id="BB" ng-click="a='-'">-</button>
18            <button id="CC" ng-click="a='*'">*</button>
19            <button id="DD" ng-click="a='/'">/</button>
20        </div>
21 
22        <script type="text/javascript">
23            // <!-- 点击显示的，隐藏其它的-->
24            var AA = document.getElementById("AA");
25            var q = document.getElementById("a1");
26            var BB = document.getElementById("BB");
27            var w = document.getElementById("a2");
28            var CC = document.getElementById("CC");
29            var e = document.getElementById("a3");
30            var DD = document.getElementById("DD");
31            var r = document.getElementById("a4");
32 
33            AA.onclick=function(){
34                q.style.display = "block";
35                w.style.display = "none";
36                e.style.display = "none";
37                r.style.display = "none";
38            }
39            BB.onclick=function(){
40                q.style.display = "none";
41                w.style.display = "block";
42                e.style.display = "none";
43                r.style.display = "none";
44            }
45            CC.onclick=function(){
46                q.style.display = "none";
47                w.style.display = "none";
48                e.style.display = "block";
49                r.style.display = "none";
50            }
51            DD.onclick=function(){
52                q.style.display = "none";
53                w.style.display = "none";
54                e.style.display = "none";
55                r.style.display = "block";
56            }
57        </script>
58     </div>

第二种方法：

1    <div ng-app="" >
2        <div>
3            <button ng-click="a='+';C = A+B">+</button>
4            <button ng-click="a='-';C = A-B">-</button>
5            <button ng-click="a='*';C = A*B">*</button>
6            <button ng-click="a='/';C = A/B">/</button>
7        </div>
8        <div>
9            <input type="number" ng-model="A" placeholder="  输入数字1">
10            {{a}}
11            <input type="number" ng-model="B" placeholder="  输入数字2">
12            =
13            <input type="number" value="{{C}}" placeholder="  输入数字2">
14        </div>
15    </div>