angularJS自动引导和手动引导失败的模块

我的模块定义如下:

//controller.js var app; app = angular.module('toDoApp', []); app.controller('toDoCtrl', function($scope) { $scope.appTitle = 'ToDo List App'; $scope.toDoText = ''; }); 

我试着用两种方式来引导我的模块,第一个是自动的:

 <html ng-app ="toDoApp" ng-controller="toDoCtrl"> <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js" </script> <script src="controller.js" </script> ... </html> 

我尝试的第二种方法是手动引导它:

 <html> <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js" </script> <script src="controller.js" </script> <script>angular.bootstrap(document, ['toDoApp']);</script> ... </html> 

我收到的错误是:[13:40:28.640]错误:无模块:toDoApp @ https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js:18

我试过这个,但是没有解决我的问题。 我也运行在本地服务器上使用node.js(我不认为是问题…)

  // server.js var express = require('express'); var app = express(); // create our app w/ express var port = process.env.PORT || 3000; // config app.configure(function() { app.use(express.static(__dirname + '/public')); }); // listen (start todoapp with server.js) app.listen(port, function() { console.log("Listening on " + port); }); 

这是一个工作版本: http : //plnkr.co/edit/pIjTH94lwl6ZZv48a2Xs?p=preview

唯一的改变是确保文件准备好了:

 <script> angular.element(document).ready(function() { angular.bootstrap(document, ['toDoApp']); }); <script> 

文档