Javascript 在Ionic中显示侧菜单

我尝试了许多显示侧菜单按钮的解决方案，但似乎都不起作用。让我知道我错过了什么。我想有左侧菜单汉堡图标在我的左侧以及标签

如果你还需要我的帮助，请告诉我

app.js

  .state('tab', {
    url: '/tab',
    abstract: true,
    templateUrl: 'templates/tabs.html'
  })

  .state('tab.activity', {
    url: '/tab-activity',
    views: {
      'tab-activity': {
        templateUrl: 'templates/tab-activity.html',
        controller: 'tabActivityCtrl'
      }
    }
  })

  .state('tab.profile', {
    url: '/tab-profile',
    views: {
      'tab-profile': {
        templateUrl: 'templates/tab-profile.html',
        controller: 'tabProfileCtrl'
      }
    }
  })

以下是我在tabs.html文件中的内容-

<ion-side-menus>
  <ion-side-menu-content>
    <ion-nav-bar class="bar-energized nav-title-slide-ios7">
      <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i></ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view name="snd" animation="slide-left-right"></ion-nav-view>
  </ion-side-menu-content>

  <ion-side-menu side="left">
    <ion-header-bar class="bar bar-header bar-assertive">
      <h1 class="title">Second Section Left Menu</h1>
    </ion-header-bar>
    <ion-content has-header="true">
      <ul class="list">
        <a ui-sref="snd.home" nav-clear class="item">Home</a>
        <a ui-sref="snd.chat" nav-clear class="item">Chat</a>
        <a ui-sref="snd.drink" nav-clear class="item">Drink</a>
      </ul>
    </ion-content>
    <ion-footer-bar class="bar bar-footer">
      <a class="button button-fullwidth" ui-sref="snd.policy" ng-click="toggleLeft()">Privacy Policy</a>
    </ion-footer-bar>
  </ion-side-menu>
</ion-side-menus>

<ion-tabs class="tabs-icon-top tabs-color-active-positive">
  <!-- Activity Tab -->
  <ion-tab title="Activity" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tab/tab-activity">
    <ion-nav-view name="tab-activity"></ion-nav-view>
  </ion-tab>

  <!-- Profile Tab -->
  <ion-tab title="Profile" icon-off="ion-ios-people" icon-on="ion-ios-people" href="#/tab/tab-profile">
    <ion-nav-view name="tab-profile"></ion-nav-view>
  </ion-tab>
</ion-tabs>

第二部分左菜单

家
聊天
喝

隐私政策

是否添加了委派功能？：

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

---

是否添加了委托功能？：

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

---

创建一个特定的控制器（在下面的示例中为“NavCtrl”）并使用ngController指令连接到

。在该控制器中添加

$ionicSideMenuDelegate.toggleLeft（）方法

以下是一个工作片段：


angular.module（'ionicApp'，['ionic']））
.config（函数（$stateProvider，$urlRouterProvider）{
$stateProvider
.state（'tab'{
url:“/tab”，
摘要：没错，
templateUrl:'templates/tabs.html'
})
.state（'tab.activity'{
url:“/tab活动”，
观点：{
“选项卡活动”：{
templateUrl:'templates/tab activity.html'，
控制器：“tabActivityCtrl”
}
}
})
.state（'tab.profile'{
url:“/tab配置文件”，
观点：{
“选项卡配置文件”：{
templateUrl:'templates/tab profile.html'，
控制器：“tabProfileCtrl”
}
}
});
$urlRouterProvider。否则（“/tab/tab活动”）；
})
.controller（'NavCtrl'，函数（$scope，$ionicSideMenuDelegate）{
$scope.showMenu=函数（）{
$ionicSideMenuDelegate.toggleLeft（）；
};
})
.controller（'tabActivityCtrl'，函数（$scope）{}）
.controller（'tabProfileCtrl'，函数（$scope）{}）

选项卡示例
第二部分左菜单








隐私政策
选项卡活动
离子标签的示例。导航到每个选项卡，然后导航到每个选项卡的子视图，并注意每个选项卡如何具有自己的导航历史记录

选项卡配置文件
呜呜呜呜

创建一个特定的控制器（在下面的示例中是“NavCtrl”）并使用ngController指令附加到
。在该控制器中添加
$ionicSideMenuDelegate.toggleLeft（）方法

以下是一个工作片段：


angular.module（'ionicApp'，['ionic']））
.config（函数（$stateProvider，$urlRouterProvider）{
$stateProvider
.state（'tab'{
url:“/tab”，
摘要：没错，
templateUrl:'templates/tabs.html'
})
.state（'tab.activity'{
url:“/tab活动”，
观点：{
“选项卡活动”：{
templateUrl:'templates/tab activity.html'，
控制器：“tabActivityCtrl”
}
}
})
.state（'tab.profile'{
url:“/tab配置文件”，
观点：{
“选项卡配置文件”：{
templateUrl:'templates/tab profile.html'，
控制器：“tabProfileCtrl”
}
}
});
$urlRouterProvider。否则（“/tab/tab活动”）；
})
.controller（'NavCtrl'，函数（$scope，$ionicSideMenuDelegate）{
$scope.showMenu=函数（）{
$ionicSideMenuDelegate.toggleLeft（）；
};
})
.controller（'tabActivityCtrl'，函数（$scope）{}）
.controller（'tabProfileCtrl'，函数（$scope）{}）

选项卡示例
第二部分左菜单








隐私政策
选项卡活动
离子标签的示例。导航到每个选项卡，然后导航到每个选项卡的子视图，并注意每个选项卡如何具有自己的导航历史记录

选项卡配置文件
呜呜呜呜

No..ionic文档中提到了我需要在哪里定义它。检查此项：我在
&
中提到了此项，但仍然没有运气，而且标题也没有出现。否..我需要在哪里定义此项？它在爱奥尼亚文档中提到。检查这个：我在
&
上提到了这个，但是仍然没有运气，而且校长也没有来