無法讓簡單的AngularJS應用程序工作

我基本上從官方網站的視頻教程中複製了這段代碼。我希望'4'顯示在屏幕上，但會一直顯示'{{totalTodos}}'。這裏index.js：無法讓簡單的AngularJS應用程序工作

function TodoCtrl($scope) { 
    $scope.totalTodos = 4; 
}

而且這裏的index.html：

<html ng-app> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script> 
     <script type="text/javascript" src="index.js"></script> 
    </head> 
    <body> 
    <div ng-controller="TodoCtrl"> 
     {{ totalTodos }} 
    </div> 
    </body> 
</html>

來源

2017-08-06 Corsys

的可能的複製[此帖]（https://stackoverflow.com/a/28728380/2435473） –

這是很好的做法，如果你是在angularJs新手正常啓動。開始創建module並給它任何名稱。我用app作爲模塊名稱，然後你的控制器等..

angular.module("app", []).controller("TodoCtrl", function ($scope) { 
 
    $scope.totalTodos = 4; 
 
});

<html ng-app="app"> 
 
     <head> 
 
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script> 
 
      <script type="text/javascript" src="index.js"></script> 
 
     </head> 
 
     <body> 
 
     <div ng-controller="TodoCtrl"> 
 
      {{ totalTodos }} 
 
     </div> 
 
     </body> 
 
</html>

來源

2017-08-06 18:33:53 Niroda

無法讓簡單的AngularJS應用程序工作

回答

相關問題