NativeScript RadListView 索引

Question

我使用的是 NativeScript 6.1.1，并且我有一个 RadListView，我希望在其中的每一行都有唯一的引用。我正在考虑的一种方法是，如果我可以获得一个索引字段，那么我可以拥有带有以下内容的“automationText”字段

name0
name1
name2

这是我当前的模板；

<RadListView automationText="listing"
             [items]="dataItems"
             [filteringFunction]="filterItems"
             pullToRefresh="true"
             (pullToRefreshInitiated)="onPullToRefreshInitiated($event)">

  <ng-template tkListItemTemplate let-item="item">
    <StackLayout orientation="vertical">
      <GridLayout class="itemContainer" rows="50,*" columns="*,100">

        <Label automationText="name" row="0" col="0" class="nameLabel" [text]="item.name"></Label>

      </GridLayout>
    </StackLayout>
  </ng-template>

</RadListView>

有可能做这样的事情吗？

        <Label automationText="name#{index}" row="0" col="0" class="nameLabel" [text]="item.name"></Label>

Answer 1

要获取索引，您可以将 let-i="index" 添加到 ng-template 并将其作为 automationText="name{{i}}" 使用

样本：

<RadListView [items]="_dataItems" [itemTemplateSelector]="templateSelector">
    <ng-template tkTemplateKey tkListItemTemplate let-item="item"
        let-i="index">
        <StackLayout>
            <Label automationText="name{{i}}"  text="name{{i}}"></Label>
        </StackLayout>
    </ng-template>
</RadListView>