ion-menu-controller

概要(CONTENTS)

Ionic4项目中我们可以使用Ionic4侧边栏组件ion-menu-controller对项目进行布局。

ion-menu-controller官方文档地址:https://ionicframework.com/docs/api/menu-controller

The Menu Controller makes it easy to control a Menu. The methods provided can be used to display the menu, enable the menu, toggle the menu, and more. The controller will grab a reference to the menu by the side, or id. if neither of these are passed to it, it will grab the first menu it finds.

ion-menu-controller 内置方法(Methods)

close

Description

Close the menu. If a menu is specified, it will close that menu. If no menu is specified, then it will close any menu that is open. If it does not find any open menus, it will return false.

Signature close(menu?: string | null | undefined) => Promise

enable

Description

Enable or disable a menu. Disabling a menu will not allow gestures for that menu or any calls to open it. This is useful when there are multiple menus on the same side and only one of them should be allowed to open. Enabling a menu will automatically disable all other menus on that side.

Signature enable(enable: boolean, menu?: string | null | undefined) => Promise

get

Description

Get a menu instance. If a menu is not provided then it will return the first menu found. If the specified menu is start or end, then it will return the enabled menu on that side. Otherwise, it will try to find the menu using the menu's id property. If a menu is not found then it will return null.

Signature get(menu?: string | null | undefined) => Promise

getMenus

Description

Get all menu instances.

Signature getMenus() => Promise

getOpen

Description

Get the instance of the opened menu. Returns null if a menu is not found.

Signature getOpen() => Promise

isAnimating

Description

Get whether or not a menu is animating. Returns true if any menu is currently animating.

Signature isAnimating() => Promise

isEnabled

Description

Get whether or not the menu is enabled. Returns true if the specified menu is enabled. Returns false if a menu is disabled or not found.

Signature isEnabled(menu?: string | null | undefined) => Promise

isOpen

Description

Get whether or not the menu is open. Returns true if the specified menu is open. If a menu is not specified, it will return true if any menu is currently open.

Signature isOpen(menu?: string | null | undefined) => Promise

open

Description

Open the menu. If a menu is not provided then it will open the first menu found. If the specified menu is start or end, then it will open the enabled menu on that side. Otherwise, it will try to find the menu using the menu's id property. If a menu is not found then it will return false.

Signature open(menu?: string | null | undefined) => Promise

registerAnimation

Description

Registers a new animation that can be used with any ion-menu by passing the name of the animation in its type property.

Signature registerAnimation(name: string, animation: AnimationBuilder) => void

swipeGesture

Description

Enable or disable the ability to swipe open the menu.

Signature swipeGesture(enable: boolean, menu?: string | null | undefined) => Promise

toggle

Description

Toggle the menu open or closed. If the menu is already open, it will try to close the menu, otherwise it will try to open it. Returns false if a menu is not found.

Signature toggle(menu?: string | null | undefined) => Promise