Android 离子ng显示在波纹中工作，但不在设备上工作

我使用离子型和角型。 在layout.html中，我有：

  <ion-pane>
    <ion-header-bar class="header">       
  </ion-header-bar>

  <ion-nav-bar align-title="center" class="bar-subheader">         
    <ion-nav-back-button class="button-clear">
      <i class="ion-chevron-left"></i>
    </ion-nav-back-button>

    <ion-nav-buttons side="right">
     <a class="button button-clear ion-drag" ui-sref="app.menu" ng-show="$root.showPublicMenu"></a>
     <a class="button button-clear ion-drag" ui-sref="private.menu" ng-show="$root.showPrivateMenu"></a>
    </ion-nav-buttons>
  </ion-nav-bar>

  <ion-nav-view name="layoutContent">
  </ion-nav-view>

</ion-pane>

当我用Ripple测试它时，它是工作的，但当我在Android或IOS设备上测试应用程序时，它就不工作了

有什么想法吗

$rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {

        if(toState.name!="otherwise"){

          if(toState.name=="app.menu"){
            $rootScope.$root.showPrivateMenu= false;
            $rootScope.$root.showPublicMenu= true;
          }
          else if (toState.name=="private.menu"){
            $rootScope.$root.showPrivateMenu= true;
            $rootScope.$root.showPublicMenu= false;
          }
        }

});