2017-11-14 5 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

私は同じ問題にぶつかる!私には正解がありませんが、私のデータはサービスから引っ張られた(=>購読する)のですが、データベースの約束事に移行し、私を殺しているのは、 "TabView items動的コンテンツ "私はあなたに質問に遭遇した2日以来、グーグルで行ってきました – thunder413

関連する問題