Question

侧面菜单中的以下按钮图标未显示...

<ion-side-menus>
    <ion-pane ion-side-menu-content>
        <ion-nav-bar class="bar-balanced">
          <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
        </ion-nav-bar>
    </ion-pane>

    <ion-side-menu side="left"></ion-side-menu>
</ion-side-menus>

Answer 1

按钮不会显示，因为您必须在<ion-view>标记内和<ion-nav-buttons>标记内使用它们。

请参阅Ionic Framework文档（link）

中的以下示例

<ion-nav-bar>
</ion-nav-bar>
<ion-nav-view>
  <ion-view>
    <ion-nav-buttons side="primary">
      <button class="button" ng-click="doSomething()">
        I'm a button on the primary of the navbar!
      </button>
    </ion-nav-buttons>
    <ion-content>
      Some super content here!
    </ion-content>
  </ion-view>
</ion-nav-view>

Answer 2

我修改了以下代码。感谢!!!

<ion-side-menus>
  <ion-pane ion-side-menu-content>
    <ion-nav-bar class="bar-balanced">
      <ion-nav-buttons>
        <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
      </ion-nav-buttons>
    </ion-nav-bar>
  </ion-pane>
  <ion-side-menu side="left">
  </ion-side-menu>
</ion-side-menus>

Answer 3

您还可以使用逻辑禁用菜单：

<ion-menu id="NavMenu" persistent="true" [content]="content">

请确保您还没有得到这样的代码！

import { MenuController} from 'ionic-angular';
...
constructor(
   private menuCtrl: MenuController
) {

}

...

// In some other method..
// When you only have one ion menu in the template....

this.menuCtrl.enable(false, 'NavMenu');

离子框架按钮没有显示

3 个答案: