2013-12-02 5 views
1

Мой модуль определяется следующим образом:Угловая JS автоматического самонастройки и ручной самонастройки стенает модуля

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

Я пробовал this, но это не решило мою проблему. Я также запустить его на локальном сервере с помощью 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); 
}); 

ответ

1

Вот рабочая версия: http://plnkr.co/edit/pIjTH94lwl6ZZv48a2Xs?p=preview

Единственное изменение было сделать убедитесь, что документ был готов:

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

docs

+0

это был бы в моем HTML файл или файл моего controller.js? – user3056150

+0

Просто замените ' 'в вашем .html с указанным выше – KayakDave

+0

[14: 10: 16.034] Использование атрибута, указанного атрибутом, устарело. Он всегда возвращает true. @ https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js:41 ошибка в jquery? – user3056150

Смежные вопросы