angular学习笔记(五)-阶乘计算实例(1)

最新推荐文章于 2021-06-28 17:42:36 发布

angaixing0071

最新推荐文章于 2021-06-28 17:42:36 发布

阅读量69

点赞数

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/liulangmao/p/3714209.html

版权

<!DOCTYPE html>
<html ng-app>
<head>
  <title>2.3.2计算阶乘实例1</title>
  <meta charset="utf-8">
  <script src="../angular.js"></script>
  <script src="script.js"></script>
</head>
<body>
  <div ng-controller = 'Factorial'>
    <form action="">
      <input type="text" ng-model="factorial.number" ng-change="compute()"/>
      的阶乘结果是:
      <span>{{factorial.result}}</span>
    </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);
    }
}

1.ng-model:

将input元素与factorial.number进行绑定

2.ng-change:

给input元素的change事件绑定回调函数为compute方法

3.{{factorial.result}}

compute方法会通过factorial.number的值计算factorial.result的值,然后factorial.result的值是和ui进行绑定的.所以,input的value值改变时,span中相应的值也会改变

转载于:https://www.cnblogs.com/liulangmao/p/3714209.html

angaixing0071

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular学习笔记(五)-阶乘计算实例(1)

<!DOCTYPE html><html ng-app><head> <title>2.3.2计算阶乘实例1</title> <meta charset="utf-8"> <script src="../angular.js"></script> <s...
复制链接

扫一扫