İyonik Yan Menüsü Sorun

Question

Ana sayfam ve yan menümde bir sorun yaşıyorum, giriş sayfasına girmeye çalıştığımda "tersine" görünümüme geri döner. Menü uygulamasının her uygulamasını kaldırdığımda, app.js'de ana sayfam iyi çalışıyor. https://github.com/driftyco/ionic-starter-sidemenu başlangıç ​​menüsünü kullanmak yerine boş bir sürüm kullanmaya karar verdim, böylece İyonik hakkında bilmem gereken kadar bilgi edinebiliyorum ... Aşağıdaki kodum.

<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> 

Lütfen yardım

.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 app.js. html sayfası düğmesini

Answer 1

Eğer bu Bu daha fazla bilgi için Kumandanızda

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

içeride olmalıdır iyonik yan menülerin

<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> 

için biçimidir ng-click

yok İyonik yan menü hakkında bilgi için lütfen bakınız this.

Ayrıca href="#/app/browse", href="#/app/search", href="#/app/playlists"

Tüm bu sayfayı yüzden bu sayfaları oluşturmak ve .config'dir bunları eklemek için .config'dir tanımlı değil ve tüm href ihtiyacım yok.

$ state.go için ('ev'); Modülünüzde ui.router enjekte etmeli ve açısal-ui-router.min.js dosyasını indirmeli ve projenize eklemelisiniz ya da this'a bakmalısınız.