离子菜单按钮未出现

Question

我使用命令

创建了 ionic 项目

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

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

然而，当我运行它缺少一些东西时，菜单按钮。它正在创建我想在 header 中使用这个标签：

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

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

Answer 1

为了获得特定的 header，您的代码应如下所示：

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

请注意 bar-positive class 仅在 header 上设置蓝色背景。

Answer 2

你也可以使用这个：

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

但是不要忘记把has-header放到你的内容中否则你的内容会在这个header栏后面

<ion-content class="has-header">
     // Content
</ion-content>

Answer 3

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

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

如果你不知道怎么做，你可以试试下面的教程。

希望这对您有所帮助 :)

Answer 4

在我的例子中，我所做的更改是添加属性 enable-menu-with-back-views="true"，如下所示。然后侧边菜单按钮和内容显示在所有视图中。

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

请参考以下link:

Ionic Menu button not appearing