AngularJS Routing没有做任何不工作的事情

时间:2014-04-06 20:45:16

标签: javascript angularjs angularjs-routing

我跟随PhoneCat教程结合角度种子项目。现在我遇到了问题,我无法进行工作/加载路由,没有错误发生,一切似乎都很好。甚至似乎无法获得,基本的重定向工作。我失去了该怎么做。

这是我的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>

1 个答案:

答案 0 :(得分:1)

您的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,我可以帮助您多一点。