@angular/aria/menu

MenuItem

디렉티브

메뉴의 항목입니다.

API

    
      class MenuItem<V> implements OnInit ,OnDestroy {}

element

HTMLElement

호스트 엘리먼트에 대한 참조입니다.

id

InputSignal<string>

메뉴 항목의 고유 ID입니다.

value

InputSignal<V | undefined>

메뉴 항목의 값입니다.

disabled

InputSignal<boolean>

메뉴 항목의 비활성화 여부입니다.

searchTerm

ModelSignal<string>

메뉴 항목에 연결된 검색어입니다.

role

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

메뉴 항목의 역할입니다.

parent

Menu<V> | MenuBar<V> | null

상위 메뉴 또는 메뉴바에 대한 참조입니다.

submenu

InputSignal<Menu<V> | undefined>

메뉴 항목과 연결된 하위 메뉴입니다.

active

Signal<boolean>

메뉴 항목이 활성 상태인지 나타냅니다.

expanded

Signal<boolean | null>

메뉴가 펼쳐져 있는지 나타냅니다.

hasPopup

Signal<boolean>

메뉴 항목에 팝업이 있는지 나타냅니다.

ngOnInit

void

@returnsvoid

ngOnDestroy

void

@returnsvoid

open

void

하위 메뉴를 열고 첫 번째 메뉴 항목에 포커스를 둡니다.

@returnsvoid

close

void

하위 메뉴를 닫습니다.

@returnsvoid

설명

메뉴의 항목입니다.

ngMenuItem 디렉티브는 ngMenu와 ngMenuBar 안에서 사용자가 선택하거나 실행할 수 있는 작업을 나타냅니다. 하위 메뉴의 트리거로 사용할 수도 있습니다.

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