@angular/aria/menu

MenuBar

디렉티브

메뉴 항목으로 구성된 메뉴바입니다.

API

    
      class MenuBar<V> implements OnDestroy {}

element

HTMLElement

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

disabled

InputSignalWithTransform<boolean, unknown>

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

softDisabled

InputSignalWithTransform<boolean, unknown>

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

textDirection

WritableSignal<Direction>

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

value

ModelSignal<V[]>

현재 선택된 메뉴 항목의 값입니다.

wrap

InputSignalWithTransform<boolean, unknown>

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

typeaheadDelay

InputSignal<number>

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

itemSelected

OutputEmitterRef<V | undefined>

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

ngOnDestroy

void

@returnsvoid

close

void

메뉴바를 닫습니다.

@returnsvoid

설명

메뉴 항목으로 구성된 메뉴바입니다.

ngMenu처럼 ngMenuBar도 사용자가 선택할 수 있는 메뉴 항목 목록을 제공합니다. 하지만 메뉴바는 일반적으로 애플리케이션 창 상단에 배치하며, 항상 표시되는 최상위 메뉴 항목 모음을 지속적으로 보여주는 데 사용합니다.

<div ngMenuBar>
  <button ngMenuTrigger [menu]="fileMenu">File</button>
  <button ngMenuTrigger [menu]="editMenu">Edit</button>
</div>

<div ngMenu #fileMenu="ngMenu">
  <div ngMenuItem value="New">New</div>
  <div ngMenuItem value="Open">Open</div>
</div>

<div ngMenu #editMenu="ngMenu">
  <div ngMenuItem value="Cut">Cut</div>
  <div ngMenuItem value="Copy">Copy</div>
</div>