GridCell
Представляет ячейку в строке сетки. Это основной элемент сетки, на который можно установить фокус. Его можно отключить, а состояние выбора можно задавать с помощью входного параметра selected.
API
class GridCell implements OnInit ,OnDestroy {
readonly element: HTMLElement;
readonly active: Signal<any>;
readonly textDirection: WritableSignal<Direction>;
readonly @Input() id: InputSignal<any>;
readonly @Input() role: InputSignal<"gridcell" | "columnheader" | "rowheader">;
readonly @Input() rowSpan: InputSignal<number>;
readonly @Input() colSpan: InputSignal<number>;
readonly @Input() rowIndex: InputSignal<number | undefined>;
readonly @Input() colIndex: InputSignal<number | undefined>;
readonly @Input() disabled: InputSignalWithTransform<boolean, unknown>;
readonly @Input() @Output('selectedChange') selected: ModelSignal<boolean>;
readonly @Input() selectable: InputSignal<boolean>;
readonly @Input() tabindex: InputSignal<number | undefined>;
}
element
HTMLElementСсылка на хост-элемент.
active
Signal<any>Активна ли ячейка в данный момент (находится ли она в фокусе).
textDirection
WritableSignal<Direction>Направление текста.
id
InputSignal<any>Уникальный идентификатор ячейки.
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
voidvoid
ngOnDestroy
voidvoid
Описание
Представляет ячейку в строке сетки. Это основной элемент сетки, на который можно установить фокус. Его можно отключить, а состояние выбора можно задавать с помощью входного параметра selected.
<td ngGridCell [disabled]="isDisabled" [(selected)]="isSelected"> Cell Content </td>
Super-powered by Google ©2010–2025.
Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.
https://angular.dev/api/aria/grid/GridCell
