nativescript - 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 上收听点击事件。