Nativescript - Angular 4、如何在listview中的itemTap()中取选中item的数据
Nativescript - Angular 4, how to take the selected item's data in itemTap() in listview
找到下面的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 的数据。
您的示例中隐藏了您的答案。您可以访问所点击项目的索引。
onItemTap(args) {
console.log(this.customer[args.index].name);
}
否则,您可以在项目模板 - StackLayout 上收听点击事件。
找到下面的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 的数据。
您的示例中隐藏了您的答案。您可以访问所点击项目的索引。
onItemTap(args) {
console.log(this.customer[args.index].name);
}
否则,您可以在项目模板 - StackLayout 上收听点击事件。