如何打开离子菜单？

我试图在我的一个页面中打开离子菜单，但无法打开它。如何打开离子菜单？

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

我在这里错过了什么？

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

如何打开离子菜单？

回答

相关问题