我正在使用Ionic V1,并且已将每个页面分离到一个控制器,因为这是我们在Laravel中所做的,并使该应用程序与网络布局非常相似。我需要将所有控制器从一个文件更改为单独的控制器,因为将所有文件都放在一个文件中很难找到任何东西。
在我的index.html中,我有这些控制器文件和路由等
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="lib/ngstorage/ngStorage.min.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<script src="js/app.js"></script>
<!-- Controllers -->
<!-- Auth -->
<script src="js/controllers/auth/loginCtrl.js"></script>
<script src="js/controllers/auth/registerCtrl.js"></script>
<script src="js/controllers/auth/notificationCtrl.js"></script>
<!-- Account -->
<script src="js/controllers/account/accountCtrl.js"></script>
<script src="js/controllers/account/editAccountCtrl.js"></script>
<script src="js/controllers/account/myProfileCtrl.js"></script>
<script src="js/controllers/account/viewProfileCtrl.js"></script>
<!-- Admin -->
<script src="js/controllers/admin/adminCtrl.js"></script>
<!-- Channels -->
<script src="js/controllers/channels/channelCtrl.js"></script>
<script src="js/controllers/channels/userChannelCtrl.js"></script>
<script src="js/controllers/channels/viewChannelCtrl.js"></script>
<script src="js/controllers/channels/editChannelCtrl.js"></script>
<script src="js/controllers/channels/newChannelCtrl.js"></script>
<!-- Pages -->
<script src="js/controllers/pages/pageCtrl.js"></script>
<script src="js/controllers/pages/userPageCtrl.js"></script>
<script src="js/controllers/pages/viewPageCtrl.js"></script>
<script src="js/controllers/pages/newPageCtrl.js"></script>
<script src="js/controllers/pages/editPageCtrl.js"></script>
<!-- Chat -->
<script src="js/controllers/chat/chatCtrl.js"></script>
<script src="js/controllers/chat/viewChatCtrl.js"></script>
<!-- Events -->
<script src="js/controllers/events/eventCtrl.js"></script>
<script src="js/controllers/events/userEventCtrl.js"></script>
<script src="js/controllers/events/viewEventCtrl.js"></script>
<script src="js/controllers/events/newEventCtrl.js"></script>
<script src="js/controllers/events/editEventCtrl.js"></script>
<!-- Groups -->
<script src="js/controllers/groups/groupCtrl.js"></script>
<script src="js/controllers/groups/userGroupCtrl.js"></script>
<script src="js/controllers/groups/viewGroupCtrl.js"></script>
<script src="js/controllers/groups/newGroupCtrl.js"></script>
<script src="js/controllers/groups/editGroupCtrl.js"></script>
<!-- Discover -->
<script src="js/controllers/discover/discoverCtrl.js"></script>
<script src="js/controllers/discover/channelCtrl.js"></script>
<script src="js/controllers/discover/eventCtrl.js"></script>
<script src="js/controllers/discover/groupCtrl.js"></script>
<script src="js/controllers/discover/gifCtrl.js"></script>
<script src="js/controllers/discover/pageCtrl.js"></script>
<script src="js/controllers/discover/pictureCtrl.js"></script>
<script src="js/controllers/discover/postCtrl.js"></script>
<script src="js/controllers/discover/videoCtrl.js"></script>
<!-- Pictures -->
<script src="js/controllers/pictures/picturesCtrl.js"></script>
<!-- Home -->
<script src="js/controllers/home/homeCtrl.js"></script>
<!-- Nearby -->
<script src="js/controllers/nearby/nearbyCtrl.js"></script>
<!-- Stories -->
<script src="js/controllers/stories/storyCtrl.js"></script>
<!-- Tabs -->
<script src="js/controllers/tabs/tabsCtrl.js"></script>
<!-- Videos -->
<script src="js/controllers/videos/videosCtrl.js"></script>
<!-- Youtube -->
<script src="js/controllers/youtube/youtubeCtrl.js"></script>
<!-- Search -->
<script src="js/controllers/search/searchCtrl.js"></script>
<script src="js/routes.js"></script>
<script src="js/services.js"></script>
<script src="js/directives.js"></script>
在我的js / controllers / auth / loginCtrl.js中,
angular.module('app.controllers', [])
//==============================================
//Login Controller
//==============================================
.controller('loginCtrl', function($scope,$http,$ionicPopup,$state,$ionicHistory,$cordovaGeolocation,$location,$localStorage,$ionicLoading) {
console.log("test");
})
在我的路线上
angular.module('app.routes', [])
.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) {
$ionicConfigProvider.tabs.position('bottom');
// Ionic uses AngularUI Router which uses the concept of states
// Learn more here: https://github.com/angular-ui/ui-router
// Set up the various states which the app can be in.
// Each state's controller can be found in controllers.js
$stateProvider
//==============================================
//Auth Routes
//==============================================
//==========================================
//Login
//==========================================
.state('login', {
url: '/login',
templateUrl: 'templates/auth/login.html',
controller: 'auth/loginCtrl',
resolve:{
"check":function($location){
if(sessionStorage.getItem('sesh_id')){ $location.path('/home'); }
else
{ $location.path('/login'); }
}
}
})
//=============
但是我无法到达auth loginctrl和console.log(“ test”),在任何地方都看不到该消息。模板加载正常,但是由于某种原因无法访问控制器?有人可以看到我哪里出问题了吗?