AccordionTrigger — Angular

Элемент управления, переключающий видимость связанного с ним ngAccordionPanel.

API

class AccordionTrigger implements OnInit ,OnDestroy {
  readonly element: HTMLElement;
  readonly @Input() panel: InputSignal<AccordionPanel>;
  readonly @Input() id: InputSignal<any>;
  readonly panelId: Signal<any>;
  readonly @Input() disabled: InputSignalWithTransform<boolean, unknown>;
  readonly @Input() @Output('expandedChange') expanded: ModelSignal<boolean>;
  readonly active: Signal<any>;
  expand(): void;
  collapse(): void;
  toggle(): void;
}

element

HTMLElement

Ссылка на элемент управления.

panel

InputSignal<AccordionPanel>

Связанный AccordionPanel.

id

InputSignal<any>

Уникальный идентификатор элемента управления.

panelId

Signal<any>

Уникальный идентификатор соответствующей панели элемента управления.

disabled

InputSignalWithTransform<boolean, unknown>

Указывает, отключен ли элемент управления.

expanded

ModelSignal<boolean>

Указывает, развернута ли соответствующая панель.

active

Signal<any>

Указывает, активен ли элемент управления.

ngOnInit

void

@returnsvoid

ngOnDestroy

void

@returnsvoid

expand

void

Разворачивает этот элемент.

@returnsvoid

collapse

void

Сворачивает этот элемент.

@returnsvoid

toggle

void

Переключает состояние развернутости этого элемента.

@returnsvoid

Описание

Элемент управления, переключающий видимость связанного с ним ngAccordionPanel.

Для этой директивы необходимо задать входной параметр panel, указав ссылку на шаблон элемента ngAccordionPanel, которым она управляет. При нажатии панель разворачивается или сворачивается. Директива также обрабатывает взаимодействия с клавиатурой для навигации внутри ngAccordionGroup. Она применяет role="button" и управляет атрибутами aria-expanded, aria-controls и aria-disabled для обеспечения доступности. Входной параметр disabled можно использовать, чтобы отключить элемент управления.

<button ngAccordionTrigger [panel]="panel">
  Accordion Trigger Text
</button>