AngularJS学习笔记

2019年9月15日 115次阅读 来源: hymin

今天用AJ实现了一个根据滑块输入的值，根据连续计算e值的小应用
e的定义如下:(1+1/x)^x
随着X的增大，e越来越接近自然对数的底2.718281828459045

<div ng-app="myApp" ng-controller="myCtrl">//定义这是一个AJ应用，及其控制器
<input type="range" name="" min="0" max="100000" ng-model="value"/>//绑定输入值到AJ变量value
<span>e: (1+ 1/{{value}})^{{value}}={{result()}}</span>//在span输出value和result
</div>
(function(){
  var app=angular.module('myApp',[]);
  app.controller('myCtrl',function($scope) {
    $scope.value=300;
    $scope.result=function(){
      return Math.pow(1+1/$scope.value,$scope.value);
    }
    });
})();

这里有两点需要注意：

  • 在控制器的function里,如果一个$scope变量需要给另一个变量赋值，那么该变量前面的$scope是要加上的；

  • 输出值$scope.result直接写Math.pow()是不行的，只会根据程序刚加载时的value=300计算；如果想要拖动滑块时连续计算，需要把result写成函数并在输出的的地方调用该函数。

最终效果:

《AngularJS学习笔记》

    原文作者：hymin
    原文地址: https://segmentfault.com/a/1190000005351729
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞