• 개요
@angular/aria/grid

GridCellWidget

디렉티브

GridCell 안의 대화형 엘리먼트를 나타냅니다. 그리드 탐색을 일시 중지하고 위젯과 상호작용할 수 있게 합니다.

API

    
      class GridCellWidget {}
    
    

element

HTMLElement

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

active

Signal<boolean>

위젯이 현재 활성 상태인지(포커스를 받았는지) 나타냅니다.

id

InputSignal<string>

위젯의 고유 식별자입니다.

widgetType

InputSignal<"simple" | "complex" | "editable">

위젯의 활성화 방법을 결정하는 위젯 타입입니다.

disabled

InputSignalWithTransform<boolean, unknown>

위젯의 비활성화 여부입니다.

focusTarget

InputSignal<ElementResolver<HTMLElement>>

위젯 대신 포커스를 받을 대상입니다.

activated

OutputEmitterRef<KeyboardEvent | FocusEvent | undefined>

위젯이 활성화되면 이벤트를 보냅니다.

deactivated

OutputEmitterRef<KeyboardEvent | FocusEvent | undefined>

위젯이 비활성 상태로 전환되면 이벤트를 보냅니다.

tabindex

InputSignal<number | undefined>

tabindex를 덮어쓰는 값입니다.

isActivated

Signal<boolean>

위젯이 활성화되었는지 나타냅니다.

activate

void

위젯을 활성화합니다.

@returnsvoid

deactivate

void

위젯을 비활성 상태로 전환합니다.

@returnsvoid

설명

GridCell 안의 대화형 엘리먼트를 나타냅니다. 그리드 탐색을 일시 중지하고 위젯과 상호작용할 수 있게 합니다.

사용자가 입력하거나 메뉴를 여는 등 위젯과 상호작용하면, 위젯이 키보드 이벤트를 처리할 수 있도록 그리드 탐색이 일시 중지됩니다.

<td ngGridCell>
  <button ngGridCellWidget>Click Me</button>
</td>
상세 내용으로 이동