Angular.js - JavaScript, Ajax

alexey_kip · 17.03.2015, 17:03

Разбираюсь с примерами для Angular.js на сайте на сайте .
Там для контроллера код:

Код:

var phonecatApp = angular.module('phonecatApp', []);

phonecatApp.controller('PhoneListCtrl', ['$scope', '$http', function($scope, $http) {
  $http.get('phones/phones.json').success(function(data) {
    $scope.phones = data;
  });

  $scope.orderProp = 'age';
}]);

Браузер на это пишет: "Error: Argument 'PhoneListCtrl' is not a function, got undefined"
Что здесь не так?

Человек_Борща · 17.03.2015, 17:51

а PhoneListCtrl реализован?

lomastr_ · 17.03.2015, 18:05

все скрипты подключены?

nerv · 17.03.2015, 20:27

это есть?

Код:

ng-app="phonecatApp"

Код:

ng-controller="PhoneListCtrl"

alexey_kip · 22.03.2015, 16:59

PhoneListCtrl не реализован. Я так понял, что его реализация тут "function($scope, $http) {
$http.get('phones/phones.json').success(function(data ) {" иначе зачем тогда все это было нужно.

nerv, да, это есть

Fenex · 22.03.2015, 22:17

HTML свой покажите.

alexey_kip · 23.03.2015, 18:37

index.php

Код:

<!doctype html>
<html lang="en" ng-app>
    <head>
        <meta charset="utf-8">
        <title>My HTML File</title>
        <script src="js/angular.js"></script>
        <script src="js/controllers.js"></script>
    </head>
    <body ng-controller="PhoneListCtrl">

        Search: <input ng-model="query">
        Sort by:
        <select ng-model="orderProp">
            <option value="name">Alphabetical</option>
            <option value="age">Newest</option>
        </select>


        <ul class="phones">
            <li ng-repeat="phone in phones| filter:query | orderBy:orderProp">
                {{phone.name}}
                <p>{{phone.snippet}}</p>
            </li>
        </ul>
    </body>
</html>

alexey_kip · 23.03.2015, 18:37

controllers.js

Код:

var phonecatApp = angular.module('phonecatApp', []);
 
phonecatApp.controller('PhoneListCtrl', ['$scope', '$http',
  function ($scope, $http) {
    $http.get('phones/phones.json').success(function(data) {
      $scope.phones = data;
    });
 
    $scope.orderProp = 'age';
  }]);

alexey_kip · 23.03.2015, 18:38

И файл phones.json обычный массив.

lomastr_ · 23.03.2015, 18:57

<html lang="en" ng-app>

<html lang="en" ng-app="phonecatApp">

разницу в упор не видно?

17.03.2015, 17:03	#1
alexey_kip Форумчанин Регистрация: 19.11.2011 Сообщений: 198	Angular.js Разбираюсь с примерами для Angular.js на сайте на сайте . Там для контроллера код: Код: `var phonecatApp = angular.module('phonecatApp', []); phonecatApp.controller('PhoneListCtrl', ['$scope', '$http', function($scope, $http) { $http.get('phones/phones.json').success(function(data) { $scope.phones = data; }); $scope.orderProp = 'age'; }]);` Браузер на это пишет: "Error: Argument 'PhoneListCtrl' is not a function, got undefined" Что здесь не так?

17.03.2015, 20:27	#4
nerv Форумчанин Регистрация: 26.04.2010 Сообщений: 450	это есть? Код: `ng-app="phonecatApp"` Код: `ng-controller="PhoneListCtrl"` Тишина – самый громкий звук

22.03.2015, 22:17	#6
Fenex Форумчанин Регистрация: 15.02.2012 Сообщений: 821	HTML свой покажите. ^-.-^ My GitHub

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
angular.min.js.map angularjs	ts-alan	JavaScript, Ajax	1	06.11.2014 16:26
инжектор angular	ts-alan	JavaScript, Ajax	1	06.11.2014 10:53
Angular.js директива ng-repeat. Добавлять пробел или \n в конец при каждой итерации	MyLastHit	JavaScript, Ajax	0	08.01.2013 20:23

17.03.2015, 17:51	#2
Человек_Борща Старожил Регистрация: 30.12.2009 Сообщений: 11,434	а PhoneListCtrl реализован?

17.03.2015, 18:05	#3
lomastr_ Форумчанин Регистрация: 16.01.2015 Сообщений: 672	все скрипты подключены?

22.03.2015, 16:59	#5
alexey_kip Форумчанин Регистрация: 19.11.2011 Сообщений: 198	PhoneListCtrl не реализован. Я так понял, что его реализация тут "function($scope, $http) { $http.get('phones/phones.json').success(function(data ) {" иначе зачем тогда все это было нужно. nerv, да, это есть

23.03.2015, 18:38	#9
alexey_kip Форумчанин Регистрация: 19.11.2011 Сообщений: 198	И файл phones.json обычный массив.

23.03.2015, 18:57	#10
lomastr_ Форумчанин Регистрация: 16.01.2015 Сообщений: 672	<html lang="en" ng-app> <html lang="en" ng-app="phonecatApp"> разницу в упор не видно?