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>

我所包含的链接的指示对我来说有点不清楚。

Answer 1

开始使用ionic siudemenus的最佳方法是创建现成的app sidemenu模板应用程序，对于此命令行中的运行命令ionic start your-app-name sidemenu，这将创建一个带有侧边菜单的基本应用程序。在那里你可以看到在离子应用程序中如何处理副菜单。请查看该应用程序的代码。通常，侧面菜单需要包含在<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>

似乎无法获得侧边菜单

1 个答案: