ionic V1-分离的控制器文件。页面未达到控制器错误

时间:2018-06-19 15:35:23

标签: javascript html ionic-framework

我正在使用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”),在任何地方都看不到该消息。模板加载正常,但是由于某种原因无法访问控制器?有人可以看到我哪里出问题了吗?

0 个答案:

没有答案