MenuItem — Angular | Spec-Zone.ru

Элемент меню.

API

class MenuItem<V> implements OnInit ,OnDestroy {
  readonly element: HTMLElement;
  readonly @Input() id: InputSignal<any>;
  readonly @Input() value: InputSignal<V>;
  readonly @Input() disabled: InputSignal<boolean>;
  readonly @Input() @Output('searchTermChange') searchTerm: ModelSignal<string>;
  readonly @Input() role: InputSignal<"menuitem" | "menuitemradio" | "menuitemcheckbox">;
  readonly parent: Menu<V> | MenuBar<V> | null;
  readonly @Input() submenu: InputSignal<Menu<V> | undefined>;
  readonly active: Signal<any>;
  readonly expanded: Signal<any>;
  readonly hasPopup: Signal<any>;
  open(): void;
  close(): void;
}

element

HTMLElement

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

id

InputSignal<any>

Уникальный идентификатор элемента меню.

value

InputSignal<V>

Значение элемента меню.

disabled

InputSignal<boolean>

Указывает, отключён ли элемент меню.

searchTerm

ModelSignal<string>

Поисковый запрос, связанный с элементом меню.

role

InputSignal<"menuitem" | "menuitemradio" | "menuitemcheckbox">

Роль элемента меню.

parent

Menu<V> | MenuBar<V> | null

Ссылка на родительское меню или панель меню.

submenu

InputSignal<Menu<V> | undefined>

Подменю, связанное с элементом меню.

active

Signal<any>

Указывает, активен ли элемент меню.

expanded

Signal<any>

Указывает, раскрыто ли меню.

hasPopup

Signal<any>

Указывает, есть ли у элемента меню всплывающее окно.

ngOnInit

void

@returnsvoid

ngOnDestroy

void

@returnsvoid

open

void

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

@returnsvoid

close

void

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

@returnsvoid

Описание

Элемент меню.

Директивы ngMenuItem можно использовать в ngMenu и ngMenuBar для представления выбора или действия, доступного пользователю. Они также могут служить триггерами для подменю.

<div ngMenu (itemSelected)="doAction()">
  <div ngMenuItem>Action Item</div>
  <div ngMenuItem [submenu]="anotherMenu">Submenu Trigger</div>
</div>