@angular/aria/menu

MenuTrigger

디렉티브

메뉴의 트리거입니다.

API

    
      class MenuTrigger<V> {}

element

HTMLElement

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

textDirection

WritableSignal<Direction>

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

expanded

Signal<boolean>

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

hasPopup

Signal<boolean>

메뉴 트리거에 팝업이 있는지 나타냅니다.

disabled

InputSignalWithTransform<boolean, unknown>

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

softDisabled

InputSignalWithTransform<boolean, unknown>

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

tabIndex

Signal<0 | -1>

Tab index of the menu trigger.

open

void

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

@returnsvoid

close

void

메뉴를 닫습니다.

@returnsvoid

설명

메뉴의 트리거입니다.

ngMenuTrigger 디렉티브는 메뉴를 열고 닫는 데 사용합니다. 버튼 같은 대화형 엘리먼트에 적용하여 ngMenu 인스턴스와 연결할 수 있습니다. ngMenuItem에 적용하면 하위 메뉴와의 연결도 지원합니다.

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

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