ng2-bootstrap 탭을 사용하여 동적 탭 만들기

Question

동적 탭 생성을 위해 ng2-bootstrap 탭 구성 요소를 사용하려고합니다.

구성 요소를 탭의 콘텐츠 생성기로 사용하고 싶습니다.

사람이 사용 사례를 개발하는 시도? 내가 제대로이 조각을 당신의 질문을 이해하면 내가 힘든 시간 탭 지침

Answer 1

에 구성 요소를 연결하는이 정적 콘텐츠

에 NG2 - 부트 스트랩 점에서 샘플을 .ALL 기본적으로 당신이 요구 한 무엇을 할 것인가 : 콘텐츠

let pages = [ 
    { 
    "title" = "Page 1", 
    "data" = { 
    whatever data you have ... 
    }, 
    { 
    "title" = "Page 2", 
    "data" = { 
    whatever data you have ... 
    }, 
    { 
    "title" = "Page 3", 
    "data" = { 
    whatever data you have ... 
    } 
] 

다음은 만들 수 있습니다

<tabset *ngIf="pages.length > 0"> 
    <tab *ngFor="let page of pages" heading="{{ page.title }}" class='tab'> 
    DO WHATEVER YOU WANT TO DO WITH YOUR 

    page.data 

    IN HERE 
    </tab> 
</tabset>