イオン性サイドメニューの問題

Question

私のホームページとサイドメニューに問題があります。ホームページに入るときはいつでも、私の「そうでない」ビューに戻ってきます。 app.jsでメニューの実装を削除すると、私のホームページは正常に動作します。スターターメニューhttps://github.com/driftyco/ionic-starter-sidemenuを使用する代わりに、空白のバージョンを使用することにしました。これで、Ionicについて知る必要があるほど多くを学ぶことができます。以下は私のコードです。

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> 

助けてください。 htmlページボタンで

Answer 1

あなたはこれはこれは、より多くの場合、あなたのコントローラ

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

内にある必要があり、イオン側のメニュー

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

ためのフォーマットであるng-click

持っていけませんイオンサイドメニューについての情報は0123を参照してください。またhref="#/app/browse", href="#/app/search", href="#/app/playlists"

にすべてこのページはあなたのの.configで定義されていません

ので、これらのページを作成して、の.configにそれらを追加して、あなたはすべてのhrefを必要といけません。

$ state.go（ 'home'）;あなたのモジュールにui.routerを注入し、angular-ui-router.min.jsをダウンロードしてあなたのプロジェクトに追加するか、thisと表示されるようにしてください。