feat(sideMenu): Added directive for simple toggling

This commit is contained in:
Max Lynch
2014-03-24 18:30:10 -05:00
parent 1dd7675133
commit 5a89df4336

View File

@@ -355,6 +355,44 @@ angular.module('ionic.ui.sideMenu', ['ionic.service.gesture', 'ionic.service.vie
};
})
/**
* @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>
* ```
*/
.directive('menuToggle', ['$ionicViewService', function($ionicViewService) {
return {
restrict: 'AC',
require: '^ionSideMenus',
link: function($scope, $element, $attr, sideMenuCtrl) {
var side = $scope.$eval($attr.menuToggle) || 'left';
$element.bind('click', function(){
if(side === 'left') {
sideMenuCtrl.toggleLeft();
} else if(side === 'right') {
sideMenuCtrl.toggleRight();
}
});
}
};
}])
/**
* @ngdoc directive