ToolbarWidget — Angular

Виджет на панели инструментов.

API

class ToolbarWidget<V> implements OnInit ,OnDestroy {
  readonly element: HTMLElement;
  readonly @Input() id: InputSignal<any>;
  readonly @Input() disabled: InputSignalWithTransform<boolean, unknown>;
  readonly hardDisabled: Signal<any>;
  readonly @Input() value: InputSignal<V>;
  readonly active: Signal<any>;
  readonly selected: () => any;
}

element

HTMLElement

Ссылка на хост-элемент.

id

InputSignal<any>

Уникальный идентификатор виджета.

disabled

InputSignalWithTransform<boolean, unknown>

Отключён ли виджет.

hardDisabled

Signal<any>

Отключён ли виджет в «жёстком» режиме, который отличается от aria-disabled. Виджет, отключённый в жёстком режиме, не может получить фокус.

value

InputSignal<V>

Значение, связанное с виджетом.

active

Signal<any>

Активен ли виджет в данный момент (находится ли он в фокусе).

selected

() => any

Выбран ли виджет (имеет значение только в группе выбора).

ngOnInit

void

@returnsvoid

ngOnDestroy

void

@returnsvoid

Описание

Виджет на панели инструментов.

Директива ngToolbarWidget должна применяться к любому встроенному HTML-элементу, который выполняет роль интерактивного виджета внутри ngToolbar или ngToolbarWidgetGroup. Она обеспечивает навигацию с помощью клавиатуры и выбор элементов на панели инструментов.

<button ngToolbarWidget value="action-id" [disabled]="isDisabled">
  Perform Action
</button>