离子菜单事件监听器

时间:2018-04-04 16:43:21

标签: ionic-framework ionic3

我正在开发一个带有侧边菜单的离子应用程序,我想在使用animate.css打开时打开旁边菜单上的列表项目的动画。要在打开菜单时执行此操作,我会在菜单项中添加一个css类。菜单关闭后,我删除了课程。

我做了一些研究,并发现了一些被添加到离子中的事件监听器,我试过了:

<ion-menu [content]="content" class="sidemenu-header" (ionOpen)="toggleMenuState()" (ionClose)="toggleMenuState()">
  <ion-header>
    <ion-toolbar>
        <img src="./assets/imgs/sidebar-header-icon.png" class="icon"/>
      <ion-title>
      </ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content class="sidemenu-content" (click)="toggleMenuState()">
    <ion-list>
      <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)" 
      [ngClass]="{'test-class': isMenuOpen === true}">
        {{p.title}}
      </button>
    </ion-list>
  </ion-content>

</ion-menu>

<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

现在当打开菜单时,会添加类,但是当我在菜单外单击以关闭它时,类不会被删除。

我该怎么做?

0 个答案:

没有答案