如何打開離子菜單？

我試圖在我的一個頁面中打開離子菜單，但無法打開它。如何打開離子菜單？

我可以看到漢堡按鈕，但它不起作用。去功能，但沒有做任何事情。

我在這裏錯過了什麼？

Controller.js：

myPeersPageController.openMenu = function(){ 
    console.log("In open Menu()"); // it comes here 
    $ionicSideMenuDelegate.toggleLeft(); //have injected $ionicSideMenuDelegate 
}

page.html中：

<ion-nav-bar class="bar bar-header bar-positive" > 
     <ion-nav-buttons side="left"> 
      <button class="button button-icon button-clear ion-navicon" ng-click="myPeersPageController.openMenu()"></button> 
     </ion-nav-buttons> 
    </ion-nav-bar>

router.js：

.state('mypeers',{ 
     url : '/mypeers', 
     templateUrl : 'peers/my_peers/my_peers.template.html' 
    })

什麼語法點我錯過了？

來源

2016-12-13 Pritam Banerjee

無論如何，我覺得你可以得到離子來自github的side-menu初學者，看看它是如何工作的，並執行相同的https://github.com/driftyco/ionic-starter-sidemenu – Marko

你沒有一個菜單定義...

你錯過

<ion-side-menu-content>元素..

EG：

<body ng-controller="MainCtrl"> 
    <ion-side-menus> 
    <ion-side-menu-content> 
     Content! 
     <button ng-click="toggleLeftSideMenu()"> 
     Toggle Left Side Menu 
     </button> 
    </ion-side-menu-content> 
    <ion-side-menu side="left"> 
     Left Menu! 
    <ion-side-menu> 
    </ion-side-menus> 
</body>

參考：http://ionicframework.com/docs/api/service/ $ ionicSideMenuDelegate/

來源

2016-12-13 11:07:15 Pogrindis

如何打開離子菜單？

回答

相關問題