@angular/aria/tabs

TabPanel

디렉티브

탭에 연결된 여러 겹의 컨텐츠 리소스를 담는 TabPanel 컨테이너입니다.

API

    
      class TabPanel implements OnInit ,OnDestroy {}

HTMLElement

호스트 엘리먼트에 대한 참조입니다.

InputSignal<string>

탭의 전역 고유 식별자입니다.

InputSignal<string>

탭 패널의 로컬 고유 식별자입니다.

Signal<boolean>

탭 패널이 표시되는지 나타냅니다.

void

@returnsvoid

void

@returnsvoid

탭에 연결된 여러 겹의 컨텐츠 리소스를 담는 TabPanel 컨테이너입니다.

ngTabPanel 디렉티브는 특정 탭의 컨텐츠를 담습니다. 동일한 value를 통해 ngTab과 연결됩니다. 탭 패널이 숨겨지면 접근성 트리에서 제거하기 위해 inert 어트리뷰트가 적용됩니다. 화면에서도 숨기려면 적절한 스타일을 적용해야 합니다.

<div ngTabPanel value="myTabId">
  <ng-template ngTabContent>
    <!-- Content for the tab panel -->
  </ng-template>
</div>