Ionic Side Menu Issue

Question

У меня проблема с моей домашней страницей и в боковом меню, всякий раз, когда я пытаюсь войти на домашнюю страницу, она возвращается к моему «другому» виду. Всякий раз, когда я удаляю реализацию меню, в app.js моя домашняя страница работает нормально. Вместо того, чтобы использовать стартовое меню https://github.com/driftyco/ionic-starter-sidemenu, я решил использовать пустую версию, чтобы я мог узнать столько, сколько мне нужно знать об Ионном ... Ниже приведен мой код.

app.js

.config(function($stateProvider, $urlRouterProvider) 
    { 
    $stateProvider 
     .state('intial', { 
     url: '/', 
     templateUrl: 'auth/Walkthrough.html', 
     controller: 'WalkthroughCtrl' 
     }) 
     .state('login', { 
     url: '/login', 
     templateUrl: 'auth/Login.html', 
     controller: 'LoginCtrl' 
     }) 
     .state('sign', { 
     url: '/sign', 
     templateUrl: 'auth/SignUp.html', 
     controller: 'SignUpCtrl' 
     }) 

    .state('app', { 
     url: '/app', 
     abstract: false, 
     templateUrl: 'app/menu.html', 
     controller: 'AppCtrl' 
    }) 

    .state('app.home', { 
    url: '/home', 
    views: { 
     'menuContent': { 
     templateUrl: 'app/Home.html', 
     controller: 'HomeCtrl' 
     } 
    } 
    }) 

    }); 

home.html

<ion-view title="Home"> 
    <ion-pane class="animated fadeIn" style="background-color: #4da6b1"> 
    <ion-nav-bar align-title="center"> 
    <ion-nav-title> 
     <span style="color: white">Home</span> 
    </ion-nav-title> 
     <ion-nav-buttons side="left"> 
    <button menu-toggle="left" class="button button-icon icon ion-navicon-round" style="color: white; background-color:#028090;" ></button> 
    </ion-nav-buttons> 
    </ion-nav-bar> 



    <ion-content class="has-header" style="margin-top: 10px;" data-tap-disabled="true"> 
    <!-- <div class=".col" style=" margin-left: 2px;border: 1px solid white; width: 50%; height: 50%; border-radius: 5px;"> 
     </div> --> 

    </ion-content> 


    </ion-pane> 
</ion-view> 

menu.html

<ion-side-menus enable-menu-with-back-views="false"> 

    <ion-side-menu-content> 
    <ion-nav-bar class="bar-stable nav-title-slide-ios7"> 
     <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i>Back</ion-nav-back-button> 
    </ion-nav-bar> 
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view> 
    </ion-side-menu-content> 

    <ion-side-menu side="left"> 
    <header class="bar bar-header bar-stable"> 
     <h1 class="title">Left</h1> 
    </header> 
    <ion-content class="has-header"> 
     <ion-list> 
     <ion-item menu-close ng-click="login()"> 
      Login 
     </ion-item> 
     <ion-item menu-close href="#/app/search"> 
      Search 
     </ion-item> 
     <ion-item menu-close href="#/app/browse"> 
      Browse 
     </ion-item> 
     <ion-item menu-close href="#/app/playlists"> 
      Playlists 
     </ion-item> 
     </ion-list> 
    </ion-content> 
    </ion-side-menu> 
</ion-side-menus> 

Пожалуйста, помогите.

Answer 1

В кнопке страницы HTML вы не имеет ng-click

Это формат для ионного бокового меню

<ion-side-menu-content> 
    <!-- Main content, usually <ion-nav-view> --> 
    </ion-side-menu-content> 

    <!-- Right menu --> 
    <ion-side-menu side="right"> 
    </ion-side-menu> 

</ion-side-menus> 

Это должно быть внутри контроллер

function ContentController($scope, $ionicSideMenuDelegate) { 
    $scope.toggleLeft = function() { 
    $ionicSideMenuDelegate.toggleLeft(); 
    }; 
} 

Для более информацию об ионном боковом меню см. this.

Также в href="#/app/browse", href="#/app/search", href="#/app/playlists"

Все это страница не определен в .config таким образом, создать эти страницы и добавить их в .config и вам не нужны все HREF.

Для $ state.go ('home'); вы должны ввести ui.router в свой модуль и загрузить angular-ui-router.min.js и добавить его в свой проект или посмотреть this, чтобы он работал.