0

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>
4

1 に答える 1

0

$scope オブジェクトにアクセスできるように、computeNeeded 関数をコントローラーに含める必要があります。

<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>
于 2014-09-16T19:11:58.610 に答える