@angular/aria/grid

GridCell

디렉티브

그리드 행 안의 셀을 나타냅니다. 그리드 안에서 포커스를 받을 수 있는 기본 엘리먼트입니다. 비활성화할 수 있으며 selected 입력 프로퍼티로 선택 상태를 관리할 수 있습니다.

API

    
      class GridCell implements OnInit ,OnDestroy {}

element

HTMLElement

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

active

Signal<boolean>

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

textDirection

WritableSignal<Direction>

텍스트 방향입니다.

id

InputSignal<string>

셀의 고유 식별자입니다.

role

InputSignal<"gridcell" | "columnheader" | "rowheader">

셀의 ARIA 역할입니다.

rowSpan

InputSignal<number>

셀이 차지할 행의 수입니다.

colSpan

InputSignal<number>

셀이 차지할 열의 수입니다.

rowIndex

InputSignal<number | undefined>

그리드 안에서 이 셀이 속한 행의 인덱스입니다.

colIndex

InputSignal<number | undefined>

그리드 안에서 이 셀이 속한 열의 인덱스입니다.

disabled

InputSignalWithTransform<boolean, unknown>

셀의 비활성화 여부입니다.

selected

ModelSignal<boolean>

셀이 선택되었는지 나타냅니다.

selectable

InputSignal<boolean>

셀을 선택할 수 있는지 나타냅니다.

tabindex

InputSignal<number | undefined>

tabindex를 덮어쓰는 값입니다.

ngOnInit

void

@returnsvoid

ngOnDestroy

void

@returnsvoid

설명

<td ngGridCell [disabled]="isDisabled" [(selected)]="isSelected">
  Cell Content
</td>