В настоящее время я работаю над приложением с Рамками ионических и я наткнулся на следующую проблеме:Ионного Side Menu - только на одной странице
В каждой странице App должна быть меню с левой стороны доступны. На одной странице («события») справа должно быть другое боковое меню. Теперь все работает нормально, пока я не посетил страницу «событий»: с этой точки на каждой странице открывается пустое правое меню при прохождении влево - чего, конечно, не должно быть.
Поскольку я не уверен, что я достаточно хорошо объяснил поведение, я сделал быстрый код, чтобы вы могли посмотреть приложение и мой полный code.
Спасибо!
Здесь у вас есть важные фрагменты кода:
index.html:
<body ng-controller="MainCtrl" ng-app="ionicApp">
<ion-side-menus>
<!--- NAV-MENU LEFT --->
<ion-side-menu side="left">[...]</ion-side-menu>
<!--- EVENTS-MENU RIGHT --->
<ion-side-menu side="right" ng-if="showRightMenu">[...]</ion-side-menu>
<ion-side-menu-content>
<!--- HEADER --->
<ion-nav-bar class="bar bar-header bar-positive">
<ion-nav-buttons side="left">
<button class="button button-clear icon ion-navicon" menu-toggle="left"></button>
</ion-nav-buttons>
<ion-nav-buttons side="right">
<button class="button button-clear icon ion-gear-a" ng-if="showRightMenu" menu-toggle="right"></button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>
</ion-side-menu-content>
</ion-side-menus>
<script id="home.html" type="text/ng-template">[...]</script>
<script id="events.html" type="text/ng-template">[...]</script>
</body>
app.js:
var app = angular.module('ionicApp', ['ionic', 'ionicApp.controllers']);
app.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('home', {
url: '/',
templateUrl: 'home.html'
})
.state('events', {
url: '/events',
templateUrl: 'events.html'
});
$urlRouterProvider.otherwise('/');
});
[...]
app.controller('MainCtrl', function($scope, $state, $rootScope) {
[...]
//set ng-if-variable for the right side menu
$rootScope.$on('$stateChangeSuccess',
function(event, toState, toParams, fromState, fromParams) {
if (toState.name == 'events') {
$scope.showRightMenu = true;
} else {
$scope.showRightMenu = false;
}
//console.log($scope.showRightMenu);
})
function ContentController($scope, $ionicSideMenuDelegate) {
$scope.toggleLeft = function() {
$ionicSideMenuDelegate.toggleLeft();
};
$scope.toggleRight = function() {
$ionicSideMenuDelegate.toggleLeft();
};
}
});
[...]
Да, я знаю это (это то, что я сделал с ng-if), но я не хочу, чтобы левая кнопка di sappear, но «пустое» меню справа на всех страницах при прокрутке влево ... – Nina
ОК, поэтому, когда мы скрываем меню левой стороны, мы также должны отключить салфетки? –
Я хочу отключить меню правой стороны, но да, точно. Несмотря на то, что ng-if = false установлено в правом ионном боковом меню, все еще можно открыть его. Однако контент исчез. – Nina