angularjs-directive - 离子菜单按钮未出现

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

你也可以使用这个：

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

但是不要忘记将 has-header 放在您的内容中，否则您的内容将在此标题栏后面

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

Answer 3

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

<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

希望这可以帮助 ：）