Question

我正在使用角度JS的ngRoute编写路由逻辑。以下是我的代码。

index.js

(function() {
  'use strict';

  function config($routeProvider, $httpProvider, cfpLoadingBarProvider, $tooltipProvider) {
    $routeProvider.otherwise({redirectTo: '/404'});
    $httpProvider.defaults.withCredentials = false;
    $httpProvider.defaults.headers.common['content-type'] = "application/json";
  }

  angular
    .module('pacman', ['ngCookies', 'ngRoute', 'ui.bootstrap', 'ui.validate',
                      'angular-cache', 'angular-loading-bar', 'angular-md5', 'rt.iso8601', 'ngAnimate']
            )
    .config(['$routeProvider', '$httpProvider', 'cfpLoadingBarProvider', '$tooltipProvider', config])
    .run(['$rootScope', '$location', '$modalStack', '$cookies']);
})();

app.controller.js

(function() {
  'use strict';

  function config($routeProvider) {
    $routeProvider.when('/', {
      templateUrl: 'app/components/landingpage/landingpage.html',
      controller: 'appController'
    });
  }

  function appController($scope, $rootScope, $location) {
    $scope.submitLogin = function() {
      alert("Successfully loggedIn");
    };
  }

  angular
    .module('pacman')
    .controller('appController', ['$scope', '$rootScope', '$location', appController])
    .config(['$routeProvider', config]);
})();

notFound.controller.js

(function() {
  'use strict';

  function config($routeProvider) {
    $routeProvider.when('/404', {
      templateUrl: 'app/components/notFound/404page.html',
      controller: 'notFoundController'
    });
  }
  function notFoundController($scope, $rootScope, $location) {
    debugger;
  }
  angular
    .module('pacman')
    .controller('notFoundController', ['$scope', '$rootScope', '$location', notFoundController])
    .config(['$routeProvider', config]);
})();

我的代码是一个简单的应用程序。我正在尝试根据路线加载不同的控制器。但是在加载应用程序时，在最后一个控制器的'$ routeProvider'中会抛出错误

未捕获错误：[ng：areq]参数'fn'不是函数，得到字符串 http://errors.angularjs.org/1.4.8/ng/areq?p0=fn&p1=not%20a%20function%2C%20got%20string

我不知道如何找出问题所在。任何线索将不胜感激。以下是我的图书馆捆绑订单。

'node_modules/jquery/dist/jquery.js',
'node_modules/angular/angular.js',
'node_modules/angular-route/angular-route.js',
'node_modules/jquery.transit/jquery.transit.js',
'node_modules/angular-cache/dist/angular-cache.js',
'node_modules/angular-cookies/angular-cookies.js',
'node_modules/angular-loading-bar/build/loading-bar.js',
'node_modules/angular-ui-validate/dist/validate.js',
'node_modules/chart.js/Chart.js',
'node_modules/angular-md5/angular-md5.js',
'node_modules/angular-iso8601/dist/angular-iso8601.js',
'node_modules/angular-animate/angular-animate.js',
'node_modules/angular-chart.js/dist/angular-chart.js',
'node_modules/rx/dist/rx.all.js',
'node_modules/angular-ui-bootstrap/ui-bootstrap-tpls.js',
'node_modules/bootstrap/dist/js/bootstrap.js'

请帮助。

Answer 1

Angular JS文件声明必须位于index.html

中的jquery之前

＆＃39; node_modules /角度/ angular.js＆＃39;，

＆＃39; node_modules / jquery的/ DIST /的jquery.js＆＃39;，

Answer 2

问题出在index.js，您可以在角色应用上定义run方法。

angular
    .module('pacman', []) // removed dependencies for brevity
    .run(['$rootScope', '$location', '$modalStack', '$cookies']);

传递给run的数组中的最后一个参数应该是一个函数，但是忘记传递函数。更改您的run以添加如下所示的实施，如果您没有看到任何用途，请删除run。

angular.module('pacman', []) // removed dependencies for brevity

       .run(['$rootScope', '$location', '$modalStack', '$cookies',

                function($rootScope,$location,$modalStack,$cookies){
                    // some statements here
            }]);

$ routeProvider配置路由抛出'未捕获错误：[ng：areq]参数'fn'不是函数，得到了字符串'

2 个答案: