我使用的是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的列表视图。
答案 0 :(得分:1)
在ng-template上使用let-i="index"
,如文档中所述:
https://docs.nativescript.org/angular/ui/ng-ui-widgets/listview