作者:醣荳_448 | 来源:互联网 | 2023-09-04 10:39
我正在开发一个带有IonicFramework的应用程序,如何才能隐藏登录页面上的菜单和弹出按钮?我只想在一些具体的视图中显示侧边菜单,但不是在每个视图中都显示.请帮助我,我是离子框架的新手
我正在开发一个带有Ionic Framework的应用程序,如何才能隐藏登录页面上的菜单和弹出按钮?我只想在一些具体的视图中显示侧边菜单,但不是在每个视图中都显示.请帮助我,我是离子框架的新手
– >
.controller('AppCtrl', function($scope, $ionicModal, $ionicPopover, $timeout) {
// Form data for the login modal
$scope.loginData = {};
$scope.isExpanded = false;
$scope.hasHeaderFabLeft = false;
$scope.hasHeaderFabRight = false;
var navIcOns= document.getElementsByClassName('ion-navicon');
for (var i = 0; i navIcons.addEventListener('click', function() {
this.classList.toggle('active');
});
}
// .fromTemplate() method
var template = '' + ' ' + ' Settings
' + ' ' + ' ' + ' ' + ' About App ' + ' Profile ' + ' change password ' + ' Logout ' + ' ' + ' ' + '';
$scope.popover = $ionicPopover.fromTemplate(template, {
scope: $scope
});
$scope.closePopover = function() {
$scope.popover.hide();
};
//Cleanup the popover when we're done with it!
$scope.$on('$destroy', function() {
$scope.popover.remove();
});
////////////////////////////////////////
// Layout Methods
////////////////////////////////////////
$scope.hideNavBar = function() {
document.getElementsByTagName('ion-nav-bar')[0].style.display = 'none';
};
$scope.showNavBar = function() {
document.getElementsByTagName('ion-nav-bar')[0].style.display = 'block';
};
$scope.noHeader = function() {
var cOntent= document.getElementsByTagName('ion-content');
for (var i = 0; i if (content[i].classList.contains('has-header')) {content[i].classList.toggle('has-header');
}
}
};
$scope.setExpanded = function(bool) {
$scope.isExpanded = bool;
};
$scope.setHeaderFab = function(location) {
var hasHeaderFabLeft = false;
var hasHeaderFabRight = false;
switch (location) {
case 'left':hasHeaderFabLeft = true;break;
case 'right':hasHeaderFabRight = true;break;
}
$scope.hasHeaderFabLeft = hasHeaderFabLeft;
$scope.hasHeaderFabRight = hasHeaderFabRight;
};
$scope.hasHeader = function() {
var cOntent= document.getElementsByTagName('ion-content');
for (var i = 0; i if (!content[i].classList.contains('has-header')) {content[i].classList.toggle('has-header');
}
}
};
$scope.hideHeader = function() {
$scope.hideNavBar();
$scope.noHeader();
};
$scope.showHeader = function() {
$scope.showNavBar();
$scope.hasHeader();
};
$scope.clearFabs = function() {
var fabs = document.getElementsByClassName('button-fab');
if (fabs.length && fabs.length > 1) {
fabs[0].remove();
}
};
})
.controller('LoginCtrl', function($scope, $timeout, $stateParams, ionicMaterialInk) {
$scope.$parent.clearFabs();
$timeout(function() {
$scope.$parent.showHeader();
}, 0);
ionicMaterialInk.displayEffect();
})
//menu.html
//Login.html
解决方法:
如果要删除视图中的侧面菜单按钮,则只需在该视图中插入:
这是一个例子:
http://codepen.io/beaver71/pen/NNpVKL?editors=1010