Question

我正在尝试打开我的一个页面中的离子菜单，但无法打开它。

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

我在这里缺少什么？

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'
    })

我缺少什么语法？

Answer 1

您没有定义菜单......

你错过了

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

如何打开离子菜单？

1 个答案: