AccordionPanel

조건에 따라 표시되는 아코디언 항목의 컨텐츠 패널입니다.

이 디렉티브는 표시하거나 숨길 컨텐츠를 담는 컨테이너입니다. 대응하는 ngAccordionTrigger가 사용할 템플릿 참조를 노출해야 합니다. 패널 안의 컨텐츠는 ngAccordionContent 디렉티브가 적용된 ng-template으로 제공해야 트리거가 펼쳐지기 전까지 페이지에 렌더링되지 않습니다. 접근성을 위해 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>