не работает маршрут angularjs Аргумент 'CatCtrl' не является функцией, получил неопределенное значение

Question

не работает маршрут angularjs Аргумент 'CatCtrl' не является функцией, получил неопределенное значение

0

Я под файлом app.js

var app = angular.module('base', ['ngRoute']);

app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider.
        when('/categories', {
            templateUrl: 'views/cat.view.html',
            controller: 'CatCtrl'
        })
    }]);

Вот файл CatCtrl.js

angular.module('base').controller('CatCtrl', ['$scope', '$http', function ($scope, $http) {
    $http.get('/categories').success(function (data) {
        $scope.categories = data;
    });
}]);

Вот cat.view.html

<div ng-controller="CatCtrl">
    <div class="row">
        <div class="categories">
              Cats View
        </div>
    </div>
</div>

Я уже добавляю ng-app="base" в файл index.html.

Я получаю следующую ошибку

Error: [ng:areq] Argument 'CatCtrl' is not a function, got undefined

Я использую angularjs 1.4.7.

Я уже рассмотрел другие ответы на stackoverflow, чтобы решить эту проблему, но никто из них не работал для меня. Как я могу устранить эту ошибку?

ОБНОВИТЬ

Вот Plunk

2619 03 нояб. 2015, в 09:47

Источник

0

в вашем CatCtrl имя вашего контроллера было 'CategoriesCtrl', поэтому в вашем ng-контроллере это должно быть ng-controller = "CategoriesCtrl"
Vicruz 03 нояб. 2015, в 08:23

Теги:

javascript

angularjs

4 ответа

Ещё вопросы

в вашем CatCtrl имя вашего контроллера было 'CategoriesCtrl', поэтому в вашем ng-контроллере это должно быть ng-controller = "CategoriesCtrl"

Jayant Patil · Answer 1 · 2015-11-03T07-36-00.000Z

Вот рабочая демонстрация

http://dojo.telerik.com/EFUJo

var app = angular.module('base', ['ngRoute']);
angular.module('base').controller('CategoriesCtrl', ['$scope', '$http', function ($scope, $http) {
$http.get('/categories').success(function (data) {
    $scope.categories = data;
});
}]);

app.config(['$routeProvider', function ($routeProvider) {
$routeProvider.
    when('/categories', {
        templateUrl: 'views/cat.view.html',
        controller: 'CategoriesCtrl'
    })
}]);

Надеюсь, это может помочь вам

Где вы создаете cat.view.html? Он находится в теле, что означает, что он все равно будет отображаться.
Пожалуйста, смотрите обновленный вопрос. Я создал планк.
да его сейчас подберут попробуй в своем коде
Основная логика вашего кода такая же, как мой код. Не могли бы вы сказать мне разницу между вашим решением и моим?

Rabi · Answer 2 · 2015-11-03T07-26-00.000Z

вам придется сделать две небольшие изменения -

Во-первых, я не видел ни одного CatCtrl в вашем коде. Измените эту строку

angular.module('kB'). controller ('CategoriesCtrl', ['$ scope', '$ http',

в

angular.module('kB'). контроллер ('CatCtrl', ['$ scope', '$ http',
Во-вторых, поскольку контроллер определен в другом модуле (KB), чем базовый, вам нужно ввести модуль в базу, если вы хотите использовать контроллер

var app = angular.module('base', ['ngRoute', 'kB']);

Последний момент. Поскольку вы используете alrady, указывающий CatCtrl в маршрутизации, вам не нужно использовать его снова в своем представлении.

Я уже исправил 1 и 2 балла. Я также удалил CatCtrl из вида, и я все еще получаю ту же ошибку.
Я создал планк. Пожалуйста, смотрите обновленный вопрос.

ThibaudL · Answer 3 · 2015-11-03T07-21-00.000Z

Из вашего плункера вы можете видеть, что ваш шаблонUrl ошибочен, это должен быть путь к вашему.html файлу.

edit: имя редактируется под вопросом ->

Имя вашего контроллера - "КатегорииCtrl". "CatCtrl" - это просто имя файла, который вы собираетесь включить в index.html
<div ng-controller="CategoriesCtrl">
    <div class="row">
        <div class="categories">
              Cats View
        </div>
    </div>
</div>


var app = angular.module('base', ['ngRoute']);

app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider.
        when('/categories', {
            templateUrl: 'views/cat.view.html',
            controller: 'CategoriesCtrl'
        })
}]);

Я знаю, это все еще не работает. Я получаю ту же ошибку.
Проверьте декларацию и добавление модуля kb.
На самом деле это база не кБ. Теперь я исправил это, но все та же ошибка.
Я создал планк. Пожалуйста, смотрите ссылку в обновленном вопросе.
@ 2619 URL вашего шаблона неправильный, это должен быть путь к файлу .html

Jayant Patil · Answer 4 · 2015-11-03T06-20-00.000Z

Добавьте зависимость как

var app = angular.module('base', ['ngRoute', 'kB']);

Надеюсь, что это поможет вам.

Я добавил зависимость, но все еще не работает. Я получаю ту же ошибку.