无法让简单的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应用程序工作

回答

相关问题