@angular/aria/tabs

TabContent

디렉티브

지연 로딩되는 컨텐츠를 담는 TabContent 컨테이너입니다.

API

    
      class TabContent {}

설명

지연 로딩되는 컨텐츠를 담는 TabContent 컨테이너입니다.

이 구조 디렉티브는 ngTabPanel 안의 ng-template에 적용해야 합니다. 탭 컨텐츠의 지연 로딩을 지원하며, 탭이 처음 활성화될 때만 컨텐츠가 렌더링됩니다.

<div ngTabPanel value="myTabId">
  <ng-template ngTabContent>
    <p>This content will be loaded when 'myTabId' is selected.</p>
  </ng-template>
</div>