Html 如何更改特定模板的侧菜单内容

我正在尝试创建一个应用程序，它在查看某个视图时具有不同的右侧菜单。在线上有一些关于如何替换中的某些按钮以打开侧菜单的示例，但没有任何关于如何替换菜单内容的示例。 我有以下代码：

menu.html（所有其他视图继承的抽象视图）

左边
舞台
信息
新闻提要
平面布置图
赖特
天哪，互联网！

其他视图html（其中菜单必须不同）

赖特
图像在这里

按钮图标改变并工作，但结果是右菜单内容保持不变，内容视图中有一个奇怪的列表，其中包含我希望显示在菜单中的内容

在html中是否有这样做的方法，如果有，如何做。或者我唯一的选择是使用布尔值并使用ng show和ng hide

编辑

我使用$rootScope、$ionicView.enter和$ionicView.leave的组合来跟踪视图的选择时间。然后我在菜单中使用了ng show和ng hide

---

下面的答案就是这个问题的答案，但这对我来说不起作用，因为我的右菜单中有音乐播放器，我希望它们继续播放。

您需要为每个菜单使用模板。下面的示例可以帮助您：

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”
},
“菜单-right@tab': {
templateUrl:“模板/选项卡活动菜单.html”
}
}
})
.state（'tab.profile'{
url:“/tab配置文件”，
观点：{
“选项卡配置文件”：{
templateUrl:'templates/tab profile.html'，
控制器：“tabProfileCtrl”
},
“菜单-right@tab': {
templateUrl:'templates/tab profile menu.html'
}
}
});
$urlRouterProvider。否则（“/tab/tab活动”）；
})
.controller（'NavCtrl'，函数（$scope，$ionicSideMenuDelegate）{
$scope.showMenu=函数（）{
$ionicSideMenuDelegate.toggleLeft（）；
};
})
.controller（'tabActivityCtrl'，函数（$scope）{}）
.controller（'tabProfileCtrl'，函数（$scope）{}）

选项卡示例
左菜单














配置文件菜单







<ion-side-menus enable-menu-with-back-views="false">
  <ion-side-menu-content>
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button>
      </ion-nav-back-button>
        <!-- Left side menu button -->
      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
        </button>
      </ion-nav-buttons>
      <!-- Right side menu button, updates internetstatus on  click to determine whether or not to show music players-->
      <ion-nav-buttons side="right">
        <button class="button button-icon button-clear ion-music-note" menu-toggle="right" ng-click="checkConn()">
        </button>
      </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>
  </ion-side-menu-content>

  <!-- Left side menu -->
  <ion-side-menu side="left">
    <ion-header-bar class="bar-stable">
      <h1 class="title">Left</h1>
    </ion-header-bar>
    <ion-content>
      <ion-list>
        <ion-item menu-close href="#/app/stages">
          Stages
        </ion-item>
        <ion-item menu-close href="#/app/info">
          Info
        </ion-item>
        <ion-item menu-close href="#/app/newsfeed">
          News feed
        </ion-item>
        <ion-item menu-close href="#/app/floorplan">
          Floorplan
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>

  <!-- Right side menu -->
  <ion-side-menu side="right">
    <ion-header-bar class="bar-stable">
      <h1 class="title">Right</h1>
    </ion-header-bar>
    <ion-content>
      <ion-list>
        <ion-item menu-close ng-show="internetconn" style="padding: 5px;" class="player">
          <iframe width="100%" height="60" src="https://www.mixcloud.com/widget/iframe/?embed_type=widget_standard&amp;embed_uuid=bbb2b97a-f82c-4732-a951-94fcf0a7dd72&amp;feed=https%3A%2F%2Fwww.mixcloud.com%2FERMAHGERD_BERTMERN%2F0715-spieje-summer-mixtape%2F&amp;hide_cover=1&amp;hide_tracklist=1&amp;light=1&amp;mini=1&hide_artwork=1&amp;replace=0" frameborder="0"></iframe>
        </ion-item>
        <ion-item menu-close ng-show="internetconn" style="padding: 5px;" class="player">
          <iframe width="100%" height="60" src="https://www.mixcloud.com/widget/iframe/?embed_type=widget_standard&amp;embed_uuid=8b9f98e7-dee8-4492-94b1-df72753057d9&amp;feed=https%3A%2F%2Fwww.mixcloud.com%2FERMAHGERD_BERTMERN%2F0515-spieje-mixtape-mei-2015%2F&amp;hide_cover=1&amp;hide_tracklist=1&amp;light=1&amp;mini=1&hide_artwork=1&amp;replace=0" frameborder="0"></iframe>
        </ion-item>
        <ion-item menu-close ng-show="internetconn" style="padding: 5px;" class="player">
          <audio style="width:100%" controls><source src="http://www.spieje.nl/downloads/mixtape/Spieje2015MixtapeApr.mp3" type="audio/mpeg"></audio>
        </ion-item>
        <ion-item menu-close ng-hide="internetconn">
          Geen internet!
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

<ion-view view-title="Floorplan">
    <!-- Override right button, change icon-->
    <ion-nav-buttons side="right">
        <button class="button button-icon button-clear ion-map" menu-toggle="right">
        </button>
    </ion-nav-buttons>
    <!-- Override right menu content -->
    <!-- Right side menu -->
    <ion-side-menu side="right">
        <ion-header-bar class="bar-stable">
            <h1 class="title">Right</h1>
        </ion-header-bar>
        <ion-content>
            <ion-list>
                <ion-item>
                    <button class="button button-icon button-clear ion-map"></button>
                </ion-item>
                <ion-item>
                    <button class="button button-icon button-clear ion-paper-airplane"></button>
                </ion-item>
                <ion-item>
                    <button class="button button-icon button-clear ion-transgender"></button>
                </ion-item>
                <ion-item>
                    <button class="button button-icon button-clear ion-pizza"></button>
                </ion-item>
            </ion-list>
        </ion-content>
    </ion-side-menu>
    <!-- Page content -->
    <ion-content>
        Image here
    </ion-content>
</ion-view>