angular学习笔记(五)-阶乘计算实例(3)
2014-05-08 10:11
281 查看
同样是上一个例子,我们要求并非实时的计算结果,而是等到用户确定自己已经输入完毕,然后进行计算:
我们给它添加两个按钮,一个用于确认计算,一个用于清空计算.
然后给表单提交和点击重置分别绑定回调:
去掉了$watch对factorial.number的监测,而是在表单被提交的时候才进行计算,然后点击重置的时候,将number和result进行重置
angular对dom元素绑定事件的规则如下:
onclick --- ng-click
ondblclick --- ng-dblclick
...
*其实两个button都是会触发form的提交事件的.
*比较好的方法是把compute()写在计算button的ng-click里,这里仅作演示ng-submit
<!DOCTYPE html> <html ng-app> <head> <title>2.3.4计算阶乘实例3</title> <meta charset="utf-8"> <script src="../angular.js"></script> <script src="script.js"></script> </head> <body> <div ng-controller = 'Factorial'> <form action="" ng-submit="compute()"> <input type="text" ng-model="factorial.number"/> 的阶乘结果是: <span>{{factorial.result}}</span> <br> <button>计算</button> <br> <button ng-click="reset()">重置</button> </form> </div> </body> </html>
我们给它添加两个按钮,一个用于确认计算,一个用于清空计算.
然后给表单提交和点击重置分别绑定回调:
function Factorial($scope) { $scope.factorial = {}; $scope.factorial.number = 0; $scope.factorial.result = 1; $scope.factorialNum = function (num) { if (num == 0) { return 1; } else { return num * $scope.factorialNum(--num); } }; $scope.compute = function () { $scope.factorial.result = $scope.factorialNum($scope.factorial.number); }; $scope.reset = function () { $scope.factorial.number = 0; $scope.factorial.result = 1; }; }
去掉了$watch对factorial.number的监测,而是在表单被提交的时候才进行计算,然后点击重置的时候,将number和result进行重置
angular对dom元素绑定事件的规则如下:
onclick --- ng-click
ondblclick --- ng-dblclick
...
*其实两个button都是会触发form的提交事件的.
*比较好的方法是把compute()写在计算button的ng-click里,这里仅作演示ng-submit
相关文章推荐
- JavaScript采用递归算法计算阶乘实例
- Linux C---函数调用实例:递归调用计算阶乘,求两个数的最大公约数和最小公倍数
- Java编程实例:计算阶乘的四个例子
- Java编程实例:计算阶乘的四个例子
- 【转】Java编程实例:计算阶乘的四个例子
- angular学习笔记(五)-阶乘计算实例(2)
- angular学习笔记(五)-阶乘计算实例(1)
- 计算结果在long范围内的阶乘
- 实验5(2)编制程序,输入m、n(m≥n≥0)后,计算下列表达式的值并输出。 要求将计算阶乘的运算编写作函数fact(n),函数返回值的类型为float
- QT5开发及实例1 计算圆周面积 之新建项目文件
- 蓝桥杯阶乘计算
- 计算阶乘
- 【数据结构】 图的最短路径——dijkstra的一个计算实例
- L1-013. 计算阶乘和-PAT团体程序设计天梯赛GPLT
- 三十七:阶乘计算
- 大数计算文章系列博客地址纪录: 阶乘之计算http://blog.csdn.net/liangbch/rss/list
- 阶乘之计算从入门到精通-近似计算之一
- PAT练习基础编程题目之简单阶乘计算
- c语言 分数阶乘计算