访问ListView项目内的项目索引

时间:2018-11-07 21:18:57

标签: angular nativescript

我使用的是NativeScript列表,所以我不会在列表项中显示项目索引。但是,我找不到实现此目标的方法。我的代码如下:

        <StackLayout>
            <Label class="h2 card-title" text="Exercise"></Label>
            <ListView class="list-group" seperatorHeight="0" separatorColor="black"
                [items]="statisticService.exercises" [nsRouterLink]="['../exercise', 3]" itemTemplateSelector="index">
                <ng-template let-item="item">
                    <Label [text]="item.name" class="h3 my-list-group-item"></Label>
                </ng-template>
            </ListView>
        </StackLayout>

使用常规Angular,我可以只使用*ngFor="let exercise of statisticService.exercises; let i = index"然后执行{{i}},但这似乎不适用于nativescript的列表视图。

1 个答案:

答案 0 :(得分:1)

在ng-template上使用let-i="index",如文档中所述:

https://docs.nativescript.org/angular/ui/ng-ui-widgets/listview