似乎无法使侧面菜单正常工作

Question

我正在为 Android 构建一个简单的 School Roster 应用程序。到目前为止一切正常，但我似乎无法适应侧面菜单。 This is the menu I want build in.

我目前的代码。 (index.html)

<body ng-app="rooster">
    <div class="bar bar-header bar-calm">
      <h1 class="title"><strong>MV3Ci Rooster</strong></h1>
    </div>

    <ion-content id="push" padding="true">
        <div class="list list-inset">
            <a href="maandag.html">
                <div class="item">
                <div style="float:left;">Maandag</div><div style="float:right;">10:15 - 14:00</div>
                </div>
            </a>
            <a href="dinsdag.html">
                <div class="item">
                <div style="float:left;">Dinsdag</div><div style="float:right;">12:30 - 15:45</div>
                </div>
            </a>
            <a href="woensdag.html">
                <div class="item">
                <div style="float:left;">Woensdag</div><div style="float:right;">08:30 - 11:45</div>
                </div>
            </a>
            <a href="donderdag.html">
                <div class="item">
                <div style="float:left;">Donderdag</div><div style="float:right;">08:30 - 15:45</div>
                </div>
            </a>
            <a href="vrijdag.html">
                <div class="item">
                <div style="float:left;">Vrijdag</div><div style="float:right;">08:30 - 15:45</div>
                </div>
            </a>
        </div>
    </ion-content>  

    <div class="bar bar-footer bar-calm wit">
    <a style="color: white !important; padding: 7px 5px !important;" href="http://www.roelofplas.nl">roelofplas.nl</a>
    </div>

    </body>

我包含的 link 中的说明对我来说有点不清楚。

Answer 1

开始使用 ionic siudemenus 的最佳方法是创建现成的应用侧边菜单模板应用程序，对于此运行命令 ionic start your-app-name sidemenu 在命令行中，这将创建一个带有侧边菜单的基本应用程序.在那里你可以看到侧边菜单是如何在 ionic application.Please 中处理的，通过该应用程序的代码。一般来说，侧边菜单需要包含在 <ion-side-menus> 指令中，完整示例

<ion-side-menus>
  <!-- Left menu -->
  <ion-side-menu side="left">
  </ion-side-menu>

  <ion-side-menu-content>
  <!-- Main content, usually <ion-nav-view> -->
  </ion-side-menu-content>

  <!-- Right menu -->
  <ion-side-menu side="right">
  </ion-side-menu>

</ion-side-menus>

似乎无法使侧面菜单正常工作

Can't seem to get a side menu working

html

css

android

frameworks

ionic-framework