Angular - 函数undefined

Question

我正在编程一个基于Angular的Web应用程序。 当我用鲍尔运行它时，它的一切正常，除了一部分。 我正在使用与其他模块完全一样的语法，但无法弄清楚为什么使用这个模块它没有找到控制器功能。

providers.js

(function() { 
    'use strict'; 

    angular 
     .module('app.hostels.providers', [ 

     ]); 
})(); 

providers.config.js

(function() { 
    'use strict'; 

    angular 
     .module('app.hostels.providers') 
     .config(moduleConfig); 

    /* @ngInject */ 
    function moduleConfig($translatePartialLoaderProvider, $stateProvider, triMenuProvider, $httpProvider) { 
     $translatePartialLoaderProvider.addPart('app/hostels/providers'); 

     $stateProvider 
     .state('triangular.admin-default.providers-new', { 
      url: '/provider/', 
      templateUrl: 'app/hostels/providers/new/new.tmpl.html', 
      controller: 'NewProviderController', 
      controllerAs: 'vm', 
      data: { 
       layout: { 
        contentClass: 'full-image-background mb-bg-fb-16 background-overlay-static', 
        innerContentClass: 'overlay-gradient-20' 
       } 
      } 
     }) 
     .state('triangular.admin-default.providers-newbed', { 
      url: '/bed', 
      templateUrl: 'app/hostels/providers/newbed/newbed.tmpl.html', 
      controller: 'NewBedController', 
      controllerAs: 'vm' 
     }) 
     .state('triangular.admin-default.providers-list', { 
      url: '/providers', 
      templateUrl: 'app/hostels/providers/listprov/list.tmpl.html', 
      controller: 'ListprovController', 
      controllerAs: 'vm' 
     }) 
     .state('triangular.admin-default.providers-edit', { 
      url: '/provider/:index', 
      templateUrl: 'app/hostels/providers/edit/edit.tmpl.html', 
      controller: 'EditController', 
      controllerAs: 'vm' 
     }); 

     triMenuProvider.addMenu({ 
      name: 'MENU.PROVIDERS.PROVIDERS', 
      icon: 'zmdi zmdi-hotel', 
      type: 'dropdown', 
      priority: 4.1, 
      children: [{ 
       name: 'MENU.PROVIDERS.NEW', 
       state: 'triangular.admin-default.providers-new', 
       type: 'link' 
      },{ 
       name: 'MENU.PROVIDERS.NEWBED', 
       state: 'triangular.admin-default.providers-newbed', 
       type: 'link' 
      },{ 
       name: 'MENU.PROVIDERS.LIST', 
       state: 'triangular.admin-default.providers-list', 
       type: 'link' 
      }] 
     }); 
    } 

})(); 

listprov/listprov.controller.js

(function() { 
    'use strict'; 

    angular 
     .module('app.hostels.providers') 
     .controller('ListprovController', ListprovController); 

     function ListprovController ($scope, $http, $location, APP, ApiResourceProvider, $log) { 
      var vm = this; 
      $log.log('Providers list'); 
     } 

    } 
); 

当我运行应用程序，我得到一个控制台错误sayin'ListprovController不是一个函数，并得到了未定义。

任何想法？

提前致谢！

Answer 1

尝试

var ListprovController = function() { }; 

代替

function ListprovController() { }