Ionic ng-show在Ripple中工作但不在设备上工作

时间:2015-05-22 20:15:19

标签: android ios angularjs ionic-framework ng-show

我使用Ionic和AngularJS。 在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>

在app.js中我有:

$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;
          }
        }

});

当我使用Ripple进行测试时,它可以工作,但是当我在设备,Android或IOS上测试应用程序时,无法正常工作。

有什么想法吗?

0 个答案:

没有答案