@angular/aria/menu

Menu

디렉티브

메뉴 항목의 목록입니다.

API

    
      class Menu<V> implements OnDestroy {}

element

HTMLElement

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

textDirection

WritableSignal<Direction>

애플리케이션 또는 그 하위 트리의 텍스트 방향(LTR / RTL) 컨텍스트입니다.

id

InputSignal<string>

메뉴의 고유 ID입니다.

wrap

InputSignalWithTransform<boolean, unknown>

메뉴 항목을 순환할지 지정합니다.

typeaheadDelay

InputSignal<number>

입력 문자 검색 버퍼를 비우기 전까지의 지연 시간(밀리초)입니다.

disabled

InputSignalWithTransform<boolean, unknown>

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

parent

WritableSignal<MenuTrigger<V> | MenuItem<V> | undefined>

상위 메뉴 항목 또는 메뉴 트리거에 대한 참조입니다.

softDisabled

InputSignalWithTransform<boolean, unknown>

메뉴가 포커스를 받을 수 있는 비활성화 상태인지 나타냅니다.

visible

Signal<boolean>

메뉴가 표시되는지 나타냅니다.

tabIndex

Signal<0 | -1>

메뉴의 탭 인덱스입니다.

itemSelected

OutputEmitterRef<V | undefined>

메뉴 항목을 선택하면 호출되는 콜백 함수입니다.

expansionDelay

InputSignal<number>

마우스를 올렸을 때 하위 메뉴가 펼쳐지기 전까지의 지연 시간(밀리초)입니다.

ngOnDestroy

void

@returnsvoid

close

void

메뉴를 닫습니다.

@returnsvoid

설명

메뉴 항목의 목록입니다.

ngMenu는 사용자가 선택할 수 있는 메뉴 항목 목록을 제공합니다. 메뉴 안에 다른 메뉴를 중첩하여 하위 메뉴를 만들 수 있습니다. ngMenuTrigger 및 ngMenuItem 디렉티브와 함께 사용합니다.

<button ngMenuTrigger [menu]="myMenu">Options</button>

<div ngMenu #myMenu="ngMenu">
  <div ngMenuItem value="Star">Star</div>
  <div ngMenuItem value="Edit">Edit</div>
  <div ngMenuItem value="More" [submenu]="subMenu">More</div>
</div>

<div ngMenu #subMenu="ngMenu">
  <div ngMenuItem value="Sub Item 1">Sub Item 1</div>
  <div ngMenuItem value="Sub Item 2">Sub Item 2</div>
</div>