AngularJS ошибка: [нг: areq] Аргумент «TestController» не является функцией, был неопределенным

Я пытаюсь сделать мой первый контроллер и получаю эту ошибку:AngularJS ошибка: [нг: areq] Аргумент «TestController» не является функцией, был неопределенным

Ошибка: [нг: areq] Аргумент ' TestController 'не является функцией, получил undefined

Я упростил свой код, чтобы найти ошибку, но не повезло. Мне кажется, что я создаю контроллер и массив книг в скрипте и ссылаюсь на букву контроллера по букве в div. Что мне не хватает?

<!doctype html> 
<html data-ng-app> 
<head> 
    <meta charset="utf-8"/> 
</head> 
<body> 

    <div data-ng-controller="TestController"> 
     <ul> 
      <li data-ng-repeat="b in books">{{ b.title + ' by ' + b.author }}</li> 
     </ul> 
    </div> 

    <script src="angular.js"></script> 
    <script> 
     function TestController() { 
      this.books = [{title: 'Angela', author: 'Donald Duck'}, {title: 'Angles', author: 'Dirty Harry'}]; 
     } 
    </script> 
</body> 
</html>

источник

2016-03-24 J. Doe

Я следую учебник, и как JB Nizet указывает мое знание «дату». Я обнаружил, что он прекратил работу после первой половины 1.3.0-бета. –

Прошло очень много времени, поскольку глобальные функции больше не являются контроллерами в angular.js. Вы должны зарегистрировать функцию в качестве контроллера в модуле:

<html ng-app="myApp">

и в коде JS:

angular.module("myApp", []).controller('TestController', function($scope) { 
    $scope.books = ...; 
});

Вашей Угловая знание устарелый. перечитайте документацию.

источник

2016-03-24 17:06:55

или более упрощенный способ

angular.module("myApp", []).controller('TestController', TestController); 

function TestController($scope) { 
$scope.books= [{title: 'Angela', author: 'Donald Duck'}, {title: 'Angles', author: 'Dirty Harry'}]; 

}

источник

2016-03-24 17:12:09 shreyansh

AngularJS ошибка: [нг: areq] Аргумент «TestController» не является функцией, был неопределенным

ответ

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