AccordionPanel — Angular

Панель содержимого элемента аккордеона, видимость которой можно переключать.

API

class AccordionPanel {
  readonly element: HTMLElement;
  readonly id: InputSignal<any>;
  readonly visible: Signal<boolean>;
  expand(): void;
  collapse(): void;
  toggle(): void;
}

element

HTMLElement

Ссылка на элемент-триггер.

id

InputSignal<any>

Глобальный уникальный идентификатор панели.

visible

Signal<boolean>

Определяет, видна ли панель аккордеона. Значение True означает, что соответствующий триггер раскрыт.

expand

void

Раскрывает этот элемент.

@returnsvoid

collapse

void

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

@returnsvoid

toggle

void

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

@returnsvoid

Описание

Панель содержимого элемента аккордеона, видимость которой можно переключать.

Эта директива служит контейнером для содержимого, которое отображается или скрывается. Она должна предоставлять ссылку на шаблон, которая будет использоваться соответствующим ngAccordionTrigger. Содержимое панели следует задавать с помощью ng-template с директивой ngAccordionContent, чтобы оно не отображалось на странице, пока триггер не будет раскрыт. Для обеспечения доступности директива добавляет role="region" и использует атрибут inert, чтобы скрывать содержимое от вспомогательных технологий, когда оно не отображается.

<div ngAccordionPanel #panel="ngAccordionPanel">
  <ng-template ngAccordionContent>
    <p>This content is lazily rendered and will be shown when the panel is expanded.</p>
  </ng-template>
</div>