离子菜单按钮没有出现

Question

我使用命令

创建了离子项目

ionic start sideMenu http://codepen.io/vialware/pen/ypoxd

我希望应用程序如下所示。

然而，当我运行它时，缺少一些菜单按钮。正在创建它我想在标题中使用此标记：

<ion-view title="'Welcome'" hide-back-button="true" left-buttons="menuButton">

我能够毫无错误地构建和模拟项目，所以我想知道我是否可能做错了什么，如果有人可能会对如何解决这个问题有所暗示（我是Ionic的新手）和AngularJS）。

Answer 1

为了获得该特定标题，您的代码应该是这样的：

<div class="bar bar-header bar-positive">
  <button class="button icon ion-navicon"></button>
  <h1 class="title">Welcome</h1>
</div>

请注意，bar-positive类仅在标题上设置蓝色背景。

Answer 2

您也可以使用：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<nav id="menu" class="panel" role="navigation">
  <ul>
    <li><a href="#">Home</a>
    </li>
    <li><a href="#">The Ballad of El Goodo</a>
    </li>
    <li><a href="#">Thirteen</a>
    </li>
    <li><a href="#">September Gurls</a>
    </li>
    <li><a href="#">What's Going Ahn</a>
    </li>
  </ul>
</nav>
<div class="wrap">
  <a href="#menu" class="menu-link">&#9776;</a>
</div>

但请勿忘记将has-header添加到您的内容中，否则您的内容将位于此标题栏后面

    <ion-header-bar align-title="left" class="bar-positive">
                <h1 class="title">Title!</h1>
    </ion-header-bar>

Answer 3

就我而言，我所做的更改是，添加属性enable-menu-with-back-views="true"，如下所示。然后，sidemenu按钮和内容将显示在所有视图中。

<ion-side-menus enable-menu-with-back-views="true">

请参阅以下链接：

http://ionicframework.com/docs/api/directive/menuClose/

Answer 4

你是如何运行你的应用程序的？如果您只是在浏览器上打开index.html，它很可能无法正常工作...尝试使用localhost（本地Web服务器）运行它。

假设这是真的......您需要启用IIS服务器并在那里运行您的站点

如果您不知道如何操作，可以尝试以下教程。

http://www.iis.net/learn/install/installing-iis-7/installing-iis-on-windows-vista-and-windows-7- https://www.youtube.com/watch?v=dZAbdmPrU4g

希望这有助于：）