似乎无法获得侧边菜单

时间:2015-09-10 21:59:59

标签: android html5 css3 ionic-framework frameworks

我正在为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>

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

1 个答案:

答案 0 :(得分: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>