我正在开发一个带有侧边菜单的离子应用程序，我想在使用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>

现在当菜单打开时，类被添加，但是当我点击菜单外面关闭它时，类不会被删除 .

我该怎么做呢？

ionic-framework ionic3