mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
feat(sideMenu): Added directive for simple toggling
This commit is contained in:
38
js/ext/angular/src/directive/ionicSideMenu.js
vendored
38
js/ext/angular/src/directive/ionicSideMenu.js
vendored
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user