2017-11-14 4 views
1

nativescript의 탭 뷰에 대해 동적으로 탭을 만들 수 있습니까?TabView nativescript의 동적 탭

다음의 예는 nativescript

<TabView selectedIndex="0" (selectedIndexChange)="onIndexChanged($event)" sdkExampleTitle sdkToggleNavButton> 
    <StackLayout *tabItem="{title: 'NativeScript'}"> 
     <Label text="NativeScript" class="m-15 h2 text-left" color="blue"></Label> 
     <ScrollView> 
      <Label [text]="content" textWrap="true" class="m-15"></Label> 
     </ScrollView> 
    </StackLayout> 
    <StackLayout *tabItem="{title: 'Icon'}"> 
     <Image class="m-t-30 m-b-15" src="res://icon" width="80" height="80"></Image> 
     <Label text="NativeScript" textWrap="true" class="h2 m-x-auto" color="blue"></Label> 
    </StackLayout> 
</TabView> 

의 문서이며 나를 StackLayout 요소가 이미 *

답변

1

로 시작하는 지시자를 가지고 있기 위해 NG를 사용하는 것을 허용하지 않습니다 예를 수행 할 수 있습니다 ! *ngFor

<TabView> 
    <ng-container *ngFor="let tab of tabList"> 
     <StackLayout *tabItem="tab"> 
       ..... 
     </StackLayout> 
    </ng-container> 
</TabView> 
+0

감사를 사용 말했듯이, 나는 시도했지만 탭 1과 탭 2가 생성되지 않는의보기,하지만 난 다른 탭 중 검색하고 경우 이미 나타나는 첫 번째 사람, 어떤 제안으로 돌아? –

+1

동일한 문제가 발생했습니다. 이순신은 정답을 가지고 있지는 않지만 내 데이터는 서비스 (=> 구독)에서 가져온 것이지만 데이터베이스 약속으로 이동하면 효과가 나타나고 나를 죽이는 것은 "탭뷰 항목에 대한 정보를 찾지 못했습니다. 동적 인 내용 "나는 당신에 질문 할 때 2 일부터 인터넷 검색을 해왔다. – thunder413