AccordionTrigger
디렉티브
연결된 ngAccordionPanel의 표시 여부를 전환하는 트리거입니다.
element
HTMLElement트리거 엘리먼트에 대한 참조입니다.
panel
InputSignal<AccordionPanel>연결된 AccordionPanel입니다.
id
InputSignal<string>트리거의 고유 식별자입니다.
panelId
Signal<string>대응하는 트리거 패널의 고유 식별자입니다.
disabled
InputSignalWithTransform<boolean, unknown>트리거의 비활성화 여부입니다.
expanded
ModelSignal<boolean>대응하는 패널이 펼쳐져 있는지 나타냅니다.
active
Signal<boolean>트리거가 활성 상태인지 나타냅니다.
ngOnInit
void@returns
voidngOnDestroy
void@returns
voidexpand
void이 항목을 펼칩니다.
@returns
voidcollapse
void이 항목을 접습니다.
@returns
voidtoggle
void이 항목의 펼침 상태를 전환합니다.
@returns
void설명
연결된 ngAccordionPanel의 표시 여부를 전환하는 트리거입니다.
이 디렉티브의 panel 입력 프로퍼티에는 제어할 ngAccordionPanel의 템플릿 참조를 지정해야 합니다.
클릭하면 패널이 펼쳐지거나 접힙니다.
ngAccordionGroup 안의 탐색을 위한 키보드 상호작용도 처리합니다.
접근성을 위해 role="button"을 적용하고 aria-expanded, aria-controls, aria-disabled 어트리뷰트를 관리합니다.
disabled 입력 프로퍼티로 트리거를 비활성화할 수 있습니다.
<button ngAccordionTrigger [panel]="panel">
Accordion Trigger Text
</button>상세 내용으로 이동