使用嵌套视图时未注册的控制器

我的应用工作正常，直到我将路由从ngRoute更改为ui-Router，以便可以在视图内使用视图的强大功能。现在视图的控制器没有被注册。我的文件夹结构是这样的：使用嵌套视图时未注册的控制器

的index.html

<html ng-app="myApp"> 
 
    <body> 
 
    
 
     <div ui-view></div> 
 

 
     <script src="js/app.module.js"></script> 
 
     <script src="js/components/foodCategories/foodCategoriesController.js"></script> 
 
     <!-- other controllers --> 
 
     <script src="js/app.route.js"></script> 
 
    </body> 
 
</html>

app.module.js

angular.module('myApp', ['ui.router'])

app.route.js

angular.module('myApp') 
 
    .config(['$stateProvider', '$urlRouterProvider', statesManager]) 
 

 
function statesManager($stateProvider, $urlRouterProvider) { 
 
    $urlRouterProvider.otherwise('/') 
 

 
    $stateProvider 
 
    .state('profile', { 
 
     url: '/profile', 
 
     views: { 
 
     '': { 
 
      templateUrl: '/js/components/profile.html' 
 
     }, 
 
     '[email protected]': { 
 
      templateUrl: '/js/components/foodCategories/foodCategories.html', 
 
      controller: 'FoodCategoriesController' 
 
     } 
 
     } 
 
    }) 
 
}

profile.html

<div ui-view="foodCategories"></div>

foodCategories.html

<div id="foodcategories" ng-controller="FoodCategoriesController"> 
 
<!-- other stuffs -->

foodCategoriesController.js

(function() { 
 
    angular 
 
    .module('myApp') 
 
    .controller('FoodCategoriesController', controlFunc) 
 

 
    function controlFunc ($scope) { 
 
    ....my stuffs... 
 
    } 
 
})()

我不知道为什么控制器没有被注册。控制器文件加载时，我检查在开发商工具网络，但我得到错误：[$控制器：ctrlreg]在所有控制器上。谢谢:)

来源

2017-03-16 Bijay Timilsina