如何在列表视图中执行多个按钮事件处理onclick

Question

我在列表视图中有三个按钮。我需要执行多个按钮点击来触发相同的方法 checkInstall。我不知道该怎么做。我添加了相关代码：

html 文件:

 <ListView [items]="allAppsList" class="list-group">

   ....... 
   .......
   <StackLayout row="0" col="2">

      <Button  text= "Install" (tap) ="checkInstall($event, myIndex)" > </Button>   
      <Button text= "Open" (tap) ="checkInstall($event1, myIndex)" > </Button>   
      <Button text= "Remove"(tap) ="checkInstall($event2, myIndex)" > </Button>   

  </StackLayout>
 </ListView>

ts 文件:

checkInstall(args: EventData, index : number) : void {

}

对于执行第一个按钮，checkInstall 方法有效fine.But我不知道如何获取第二个和第三个按钮的按钮 ID 以分别触发 checkinstall 来处理隐藏和显示按钮等功能。

Answer 1

$event是一个angular关键字，它有输出发出的值，你不能改变它

<Button  text="Install" (tap)="checkInstall($event,1,  myIndex)"> </Button>   
<Button text="Open" (tap)="checkInstall($event, 2, myIndex)" > </Button>   
<Button text="Remove"(tap)="checkInstall($event, 3, myIndex)" > </Button>

您可以向您的方法发送参数

checkInstall(args: EventData, buttonIndex: number, index : number) : void {

}

如何在列表视图中执行多个按钮事件处理onclick

how to perform multiple buttons event handling onclick in listview

typescript

nativescript

angular2-nativescript

angular