TabView nativescript 中的动态选项卡答案

【问题标题】：Dynamic tabs in TabView nativescriptTabView nativescript 中的动态选项卡
【发布时间】：2017-11-14 05:14:33
【问题描述】：

是否可以在 nativescript 中为 tabview 动态创建选项卡？

以下示例在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>

它不允许我使用 ng for，因为 StackLayout 元素已经有一个以 * 开头的指令

【问题讨论】：

标签： angular nativescript

【解决方案1】：

是的，你可以！使用*ngFor

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

【讨论】：

谢谢，我按照你说的试过了，但是没有生成标签 1 和标签 2 的视图，但是如果我浏览其他标签并返回到已经出现的第一个标签，有什么建议吗？
我遇到了同样的问题！是的，我没有正确的答案，但对我有用的是我的数据是从服务中提取的（=> 订阅），但是当我转移到数据库时，它承诺它起作用了，是什么让我很生气，我没有找到任何关于“TabView 项目”的信息动态内容”自从我遇到您的问题 2 天以来，我一直在谷歌搜索
这对我来说仍在发生。你们中的一些人找到并回答了...？