@dnazarko

AngularJs. Почему ругается на контроллер?

Изучаю angular вот по этому видеоуроку https://www.youtube.com/watch?v=4uOzpLmR6ns Не могу понять в чем ошибка...
ошибка: Error: [ng:areq] Argument 'DemoController' is not a function, got undefined

вот код:
<!doctype html>
<html lang="en" ng-app>
<head>
  <meta charset="utf-8">
  <title>My HTML File</title>
  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
  <link rel="stylesheet" href="css/app.css">
  <script src="bower_components/angular/angular.js"></script>

  <script type="text/javascript">
    var DemoController = function($scope) {
      $scope.name = "world";
    };
  </script>
</head>
<body>

  <p>Nothing here {{'yet' + '!'}}</p>
  <p>1 + 4 = {{1+4}}</p>

  <div ng-controller="DemoController">
    <p>name = {{name}}</p>
  </div>

</body>
</html>
  • Вопрос задан
  • 5638 просмотров
Пригласить эксперта
Ответы на вопрос 4
@nakhaev
в новых версиях заменил
<script src="bower_components/angular/angular.js"></script>

на
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

и заработал
Ответ написан
Комментировать
vistoyn
@vistoyn
программист
Попробуй так:
var demoApp = angular.module('demoApp', []);
demoApp.controller('DemoController', function($scope){
	$scope.name = 'World';
});

а в html прописать ng-app='demoApp'

работает для версии 1.5.5
Ответ написан
Комментировать
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
Потому что angular.module('app', []).controller('DemoController', DemoController);
Ответ написан
@vsvladimir
А если заменить var DemoController = function($scope) {}
на function DemoController($scope) {} будет работать?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы