mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
55 lines
1.6 KiB
JavaScript
55 lines
1.6 KiB
JavaScript
/**
|
|
* @ngdoc directive
|
|
* @name menuToggle
|
|
* @module ionic
|
|
* @restrict AC
|
|
*
|
|
* @description
|
|
* Toggle a side menu on the given side.
|
|
*
|
|
* *Note*: By default, the menu toggle button will only appear on a root
|
|
* level side-menu page. Navigating in to child views will hide the menu-
|
|
* toggle button. They can be made visible on child pages by setting the
|
|
* enable-menu-with-back-views attribute of the {@link ionic.directive:sideMenus}
|
|
* directive to true.
|
|
*
|
|
* ```html
|
|
* <ion-side-menus enable-menu-with-back-views="true">
|
|
* ```
|
|
*
|
|
* @usage
|
|
* Below is an example of a link within a nav bar. Tapping this button
|
|
* would open the given side menu, and tapping it again would close it.
|
|
*
|
|
* ```html
|
|
* <ion-nav-bar>
|
|
* <ion-nav-buttons side="left">
|
|
* <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
|
|
* </ion-nav-buttons>
|
|
* </ion-nav-bar>
|
|
* ```
|
|
*/
|
|
IonicModule
|
|
.directive('menuToggle', function() {
|
|
return {
|
|
restrict: 'AC',
|
|
link: function($scope, $element, $attr) {
|
|
$scope.$on('$ionicView.beforeEnter', function(ev, viewData) {
|
|
if (viewData.enableBack) {
|
|
var sideMenuCtrl = $element.inheritedData('$ionSideMenusController');
|
|
if (!sideMenuCtrl.enableMenuWithBackViews()) {
|
|
$element.addClass('hide');
|
|
}
|
|
} else {
|
|
$element.removeClass('hide');
|
|
}
|
|
});
|
|
|
|
$element.bind('click', function() {
|
|
var sideMenuCtrl = $element.inheritedData('$ionSideMenusController');
|
|
sideMenuCtrl && sideMenuCtrl.toggle($attr.menuToggle);
|
|
});
|
|
}
|
|
};
|
|
});
|