Nativescript - Angular 4，如何在listview中的itemTap（）中获取所选项目的数据

Question

找到下面的Listview代码，我在（itemTap）中编写了onItemTap（$ event）方法。

html的

<ListView [items]="customer" (itemTap)="onItemTap($event)" class="list-group">
            <ng-template let-item="item">
                    <StackLayout class="list-group-item">
                            <Label [text]="item.name"></Label>
                            <Label [text]="item.email"></Label>
                            <Label [text]="item.phoneNumber"></Label>
                    </StackLayout>
            </ng-template>
    </ListView>

.TS

onItemTap(args) { 
    console.log(args.data);
    console.log(args.view);
    console.log(args.index);
    console.log(args.object);
 }

当我们点击时，如何获取item.name / item.email / item.phonenumber的数据。

Answer 1

您的示例中隐藏了您的答案。您可以访问已点按项目的索引。

onItemTap(args) {
    console.log(this.customer[args.index].name);
}

否则，您可以在商品模板上收听点按活动 - StackLayout。