mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-23 05:58:26 +08:00
chore(build): rename ionic directory to src and update all references in the build process.
This commit is contained in:
51
src/components/menu/menu-close.ts
Normal file
51
src/components/menu/menu-close.ts
Normal file
@ -0,0 +1,51 @@
|
||||
import {Directive, Input, HostListener} from '@angular/core';
|
||||
|
||||
import {MenuController} from './menu-controller';
|
||||
|
||||
|
||||
/**
|
||||
* @name MenuClose
|
||||
* @description
|
||||
* The `menuClose` directive can be placed on any button to close an open menu.
|
||||
*
|
||||
* @usage
|
||||
*
|
||||
* A simple `menuClose` button can be added using the following markup:
|
||||
*
|
||||
* ```html
|
||||
* <button menuClose>Close Menu</button>
|
||||
* ```
|
||||
*
|
||||
* To close a certain menu by its id or side, give the `menuClose`
|
||||
* directive a value.
|
||||
*
|
||||
* ```html
|
||||
* <button menuClose="left">Close Left Menu</button>
|
||||
* ```
|
||||
*
|
||||
* @demo /docs/v2/demos/menu/
|
||||
* @see {@link /docs/v2/components#menus Menu Component Docs}
|
||||
* @see {@link ../../menu/Menu Menu API Docs}
|
||||
*/
|
||||
@Directive({
|
||||
selector: '[menuClose]'
|
||||
})
|
||||
export class MenuClose {
|
||||
|
||||
/**
|
||||
* @private
|
||||
*/
|
||||
@Input() menuClose;
|
||||
|
||||
constructor(private _menu: MenuController) {}
|
||||
|
||||
/**
|
||||
* @private
|
||||
*/
|
||||
@HostListener('click')
|
||||
close() {
|
||||
let menu = this._menu.get(this.menuClose);
|
||||
menu && menu.close();
|
||||
}
|
||||
|
||||
}
|
Reference in New Issue
Block a user