Маршрутизация AngularJS ничего не делает, не работает

У меня есть следующий учебник по PhoneCat в сочетании с проектом angular seed. Теперь я столкнулся с проблемой, я не могу настроить маршрутизацию для работы / загрузки, ошибок не возникает, и все кажется в порядке. Кажется, даже не получается, базовая переадресация работает. Я потерялся, что делать.

Вот мой app.js, где я думаю, что ошибка

'use strict';

var elgrossisten = angular.module('elgrossisten', [
  'ngRoute',
  'elgrossistenControllers'
]);

elgrossisten.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/search', {
        templateUrl: 'partials/elnrlist.html',
        controller: 'SearchElNrCtrl'
      }).
      otherwise({
        redirectTo: '/search'
      });
  }]);

контроллер

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

elgrossistenControllers.controller('SearchElNrCtrl', function ($scope) {
  $scope.elnrs = [
    {'elnr': '10150135',
     'avgprice': '18.75',
     'lastupdated': '01-01-2014'},
    {'elnr': '10170135',
     'avgprice': '18.75',
     'lastupdated': '01-01-2014'},
    {'elnr': '10110135',
     'avgprice': '18.75',
     'lastupdated': '01-01-2014'}
  ];
});

И как я загружаю свои скрипты.

<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-route/angular-route.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>

javascript angularjs angularjs-routing
person mrhn    schedule 06.04.2014    source источник
comment
Приведите пример того, по какому адресу вы собираетесь, что вы ожидаете увидеть и что видите на самом деле.   -  person Jason Goemaat    schedule 07.04.2014
comment
elgrossisten/app/#/search/ должен, надеюсь, перенаправить на мой контроллер и представление, а elgrossisten/app/ должен перенаправить меня на #/search   -  person mrhn    schedule 07.04.2014
comment
причиной было неаккуратное именование angular.module('elgrossisten', [ 'ngRoute', 'elgrossistenControllers' ]); должен был быть angular.module('elgrossistenControllers', ['ngRoute', 'elgrossistenControllers']);   -  person mrhn    schedule 07.04.2014

Ответы (1)


arrow_upward
1
arrow_downward

Ваш модуль elgrossisten зависит от двух других:

angular.module('elgrossisten', [
   'ngRoute',
   'elgrossistenControllers'
]);

Эти два модуля необходимо определить перед созданием экземпляра модуля elgrossisten. Может быть, попробовать загрузить свои скрипты таким образом?

<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-route/angular-route.js"></script>
<script src="js/controllers.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>

Вам необходимо включить зависимые модули перед загрузкой приложения js (поскольку этот зависит от других). Хотя я действительно не понимаю, почему у вас не отображается ошибка. Если вы предоставите дополнительную информацию или plnkr, я мог бы помочь вам немного больше.

person GonchuB    schedule 07.04.2014