Angular 因为不总是捕获点击

我正在使用离子2构建一个应用程序，我注意到ngFor有一个奇怪的问题。出于某种原因，我必须点击列表2x中的每个项目，以便执行（单击）功能。更重要的是，我必须在点击之间等待整整一秒钟，否则它将无法工作。更复杂的是，它80%的时候都有这个奇怪的bug，但其他时候它应该可以正常工作。这只发生在iOS设备上的safari上，而不是计算机上的safari上。代码如下：

  <div class="list">
    <div *ngFor="let item of recordingsList" (click)="goToRecordingDetails(item)" onclick="console.log('clicked',event)">
      {{item.name}}
      <span class="delete-list-item-button" (click)="deleteRecording(item, $event)" [hidden]="!editing">Delete</span>
    </div>
  </div>

{{item.name}
删除

你知道是什么让它看起来很古怪吗？我在safari中做了时间线，并确认safari知道事件将被触发，它只是不会对此做出响应

---

更新：我发现并不是我必须点击该项目两次，而是我必须等待整整3秒钟才能点击列表中的任何内容。因此，问题是不必单击2x，真正的问题是单击在前3秒钟内不起任何作用。

我认为将

（单击）

和

onclick

混合使用不是一个好主意，没有

onclick

它就不能工作。我只是在调试过程中添加了它。尝试：

（单击）=“goToRecordingDetails（item）；console.log（'clicked'，$event）“