AngularJS示例代碼不工作 - 新手

我已經直接從書中複製此代碼，並從我可以告訴它應該工作，但它不是。我沒有收到任何錯誤，但是Recommendation值只是顯示角度字符串（花括號），並且console.logs永遠不會被擊中。我哪裏錯了？（很明顯，某處存在拼寫錯誤，但我不知道它是我的代碼還是書本）。AngularJS示例代碼不工作 - 新手

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Calculator</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> 
    </head> 
    <body> 
     <form data-ng-controller="CalcController"> 
      Starting: <input data-ng-change="computeNeeded()" data-ng-model="funding.startingEstimate"> 
      Recommendation: {{funding.needed}} 
     </form> 
     <script> 
      function CalcController($scope) { 
       $scope.funding = {startingEstimate:0}; 
       computeNeeded = function() { 
        console.log("running"); 
        $scope.funding.needed = $scope.funding.startingEstimate * 10; 
        console.log("funding needed: " + $scope.funding.needed); 
       }; 
       $scope.$watch('funding.startingEstimate', computeNeeded); 
      } 
     </script> 
    </body> 
</html>

來源

2013-05-03 EmmyS

看起來這是缺少一個ng-app標籤的地方（我把它放在html上）。該指令告訴Angular將自己引導到頁面上。

<html ng-app>

編輯：文檔爲NG-應用：http://docs.angularjs.org/api/ng.directive:ngApp

來源

2013-05-03 21:40:33 Jmr

DOH！謝謝。到目前爲止，我應該知道這一點。愚蠢的我認爲示例代碼應該是正確的。 – EmmyS 2013-05-03 21:50:08

不能告訴你有多少次我忘記了我自己的代碼中的ng-app（提示：每個新的html文件一個）。 – Jmr 2013-05-03 21:53:08

AngularJS示例代碼不工作 - 新手

回答

相關問題