Почему мой контроллер angularJS не работает?

Сегодня я решил попробовать некоторые уловки AngularJS! Может кто-нибудь объяснить мне, в чем проблема с моим кодом? Этот пример был показан на видео, которое я загрузил, чтобы узнать Угловое. Когда я пытаюсь его, он показывает мне кончик ошибки:Почему мой контроллер angularJS не работает?

<html data-ng-app=""> 
 
<head> 
 
<link rel="stylesheet" type="text/css" href="style.css"> 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
\t <script type="text/javascript" src="angular.min.js"></script> 
 
\t <script type="text/javascript" src="angular.min.js"></script> 
 
\t <script> 
 
\t \t function Test($scope){ 
 
\t \t \t $scope.persons = 
 
\t \t \t [{name: 'Me', city:'Saint Pete'}, {name: 'Other', city:'Moscow'}]}; 
 
\t </script> 
 
<title> 
 
\t ANGULAR 
 
</title> 
 

 
</head> 
 

 
<body> 
 
\t <div data-ng-controller="Test"> 
 
\t \t <input type="text" data-ng-model="name"> 
 
\t \t <ul> 
 
\t \t \t <li data-ng-repeat="person in persons | filter: name"> {{person.name}} - {{person.city}} </li> 
 
\t \t </ul> 
 
\t </div> 
 
</body> 
 
</html>

Это подсказка об ошибке в консоли: Ошибка: [нг: areq] http://errors.angularjs.org/1.3.2/ng/areq?p0=Test&p1=not%20a%20function%2C%20got%20undefined на ошибки (родной) в файле: /// C:/Program% 20Files% 20 (x86) /EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js:6:416 at Nb (файл: // /C:/Program%20Files%20(x86)/EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js:19:417) at ob (файл: /// C:/Программа% 20Files% 20 (x86)/EasyPHP- DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js: 20: 1) в файле: /// C:/Program% 20Files% 20 (x86) /EasyPHP-DevServer-14.1VC9/data /localweb/projects/angular/angular.min.js:75:177 в файле: /// C:/Program% 20Files% 20 (x86) /EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/ angular.min.js: 57: 112 at r (файл: /// C:/Program% 20Files% 20 (x86) /EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js : 7: 408) в I (файл: /// C:/Program% 20Files% 20 (x86) /EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js:56:496) at g (файл: /// C:/Program% 20Files% 20 (x86) /EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js:51:299) at g (файл: /// C:/Program% 20Files% 20 (x86) /EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js:51:316)

источник

2014-11-14 spacehaz

[Читать это сообщение фиксации] (https://github.com/angular/angular.js/commit/3f2232b5a181512fac23775b1df4a6ebda67d018). – Blackhole

последний! 1.3.2 – spacehaz

НГ-приложение тег должен иметь имя, и ваше определение испытание должно быть следующим: ng-app="mayApp" angular.module ("myapp",[]) //definition of the angular module ваш тест должен быть определен как контроллер, как следующие:
angular.module ("myapp").controller ("Test", function Test(){ //test function should go here. });

источник

2014-11-14 21:16:41

Спасибо! Я понял! – spacehaz

Вы не добавили AngulaJS на свою страницу. Просто добавьте нижнюю строку в раздел главы.

<head> 
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 
</head>

Вы также можете скачать файл angularjs и указать его путь.

источник

2014-11-15 12:15:14 Mhadonis

Почему мой контроллер angularJS не работает?

ответ

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