Files
ionic-framework/js/angular/directive/menuToggle.js
2014-05-08 09:11:16 -06:00

41 lines
950 B
JavaScript

/**
* @ngdoc directive
* @name menuToggle
* @module ionic
* @restrict AC
*
* @description
* Toggle a side menu on the given side
*
* @usage
* Below is an example of a link within a nav bar. Tapping this link would
* automatically open the given side menu
*
* ```html
* <ion-view>
* <ion-nav-buttons side="left">
* <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
* </ion-nav-buttons>
* ...
* </ion-view>
* ```
*/
IonicModule
.directive('menuToggle', ['$ionicViewService', function($ionicViewService) {
return {
restrict: 'AC',
require: '^ionSideMenus',
link: function($scope, $element, $attr, sideMenuCtrl) {
var side = $attr.menuToggle || 'left';
$element.bind('click', function(){
if(side === 'left') {
sideMenuCtrl.toggleLeft();
} else if(side === 'right') {
sideMenuCtrl.toggleRight();
}
});
}
};
}]);