Javascript ANgularJS将元素绑定到带有ng更改的函数输出_Javascript_Angularjs_Model Binding_Angularjs Ng Change

Javascript ANgularJS将元素绑定到带有ng更改的函数输出

javascript angularjs

Javascript ANgularJS将元素绑定到带有ng更改的函数输出,javascript,angularjs,model-binding,angularjs-ng-change,Javascript,Angularjs,Model Binding,Angularjs Ng Change,这里是AngularJS初学者。写一个简单的页面来学习。它所做的只是接受一个用户输入，然后对其应用一个操作*10并在页面中显示。我不知道为什么这不起作用，没有{{funding.needed}}的价值被展示出来……有什么想法吗 <html ng-app> <head> <title>Learning</title> </head> <!--View - user input to collect a value and t

这里是AngularJS初学者。写一个简单的页面来学习。它所做的只是接受一个用户输入，然后对其应用一个操作*10并在页面中显示。我不知道为什么这不起作用，没有{{funding.needed}}的价值被展示出来……有什么想法吗

  <html ng-app>
<head>
  <title>Learning</title>
</head>
<!--View - user input to collect a value and then apply logic to it-->
    <div>
    <form ng-controller="StartUpController">
        Starting: <input ng-change="computeNeeded()" 
                         ng-model="funding.startingEstimate">
         Recommendation: {{funding.needed}}
    </form>

</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script>

  //startup controller to intiialize variable and computeNeeded function to apply logic
  function StartUpController($scope) {
      $scope.funding = {startingEstimate: 0};  
      };

    $scope.computeNeeded = function(){
     $scope.funding.needed = $scope.funding.startingEstimate * 10;   
    };
</script>
</body>
</html>

computeNeeded函数需要包含在控制器中，以便它可以访问$scope对象：

<script>

  //startup controller to intiialize variable and computeNeeded function to apply logic
  function StartUpController($scope) {
      $scope.funding = {startingEstimate: 0};  


    $scope.computeNeeded = function(){
     $scope.funding.needed = $scope.funding.startingEstimate * 10;   
    };
 };
</script>