MenuTrigger — Angular

Триггер меню.

API

class MenuTrigger<V> {
  readonly element: HTMLElement;
  readonly textDirection: WritableSignal<Direction>;
  readonly @Input() menu: InputSignal<Menu<V> | undefined>;
  readonly expanded: Signal<any>;
  readonly hasPopup: Signal<any>;
  readonly @Input() disabled: InputSignalWithTransform<boolean, unknown>;
  readonly @Input() softDisabled: InputSignalWithTransform<boolean, unknown>;
  open(): void;
  close(): void;
}

element

HTMLElement

Ссылка на элемент-хозяин.

textDirection

WritableSignal<Direction>

Контекст направления текста (LTR / RTL) для приложения (или его поддерева).

expanded

Signal<any>

Развернуто ли меню.

hasPopup

Signal<any>

Есть ли у триггера меню всплывающее окно.

disabled

InputSignalWithTransform<boolean, unknown>

Отключен ли триггер меню.

softDisabled

InputSignalWithTransform<boolean, unknown>

Условно ли отключен триггер меню.

open

void

Открывает меню, устанавливая фокус на первый его пункт.

@returnsvoid

close

void

Закрывает меню.

@returnsvoid

Описание

Триггер меню.

Директива ngMenuTrigger используется для открытия и закрытия меню. Ее можно применить к любому интерактивному элементу (например, кнопке), чтобы связать его с экземпляром ngMenu. Она также поддерживает связывание с подменю при применении к ngMenuItem.

<button ngMenuTrigger [menu]="myMenu">Open Menu</button>

<div ngMenu #myMenu="ngMenu">
  <div ngMenuItem>Item 1</div>
  <div ngMenuItem>Item 2</div>
</div>