我使用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上测试应用程序时,无法正常工作。
有什么想法吗?