我有一个离子列表,其中包含滑动项目,并使用 for 循环创建它们。您可以单击该项目本身,路由器会导航到另一个页面。当您滑动某个项目时,会显示一个按钮。并且此按钮需要单击两次(90% 的时间)才能触发。
我已经尝试过:
(单击)<ion-item>和 标签<ion-avatar>。相同的行为:(我让用户创建一个项目并将其添加到一个列表中。该列表使用 this.storage.set('list'); 存储在离子存储中,并且离子列表是从上面的列表创建的.到目前为止,这不会造成任何问题。并且列表项的数量也不会影响行为。离子列表位于 a 中,<div *ngIf = "loaded">并且加载稍后设置为 false deleteHorse(),因此这不会影响任何内容。当我单击离子项目本身,它的行为正确。是否该项目覆盖了离子项目选项,因此,第二次单击是通过单击实际按钮而不是项目来实现的?我尝试添加带有滑动选项的硬编码项目 - 同样的事情......
并将其报告给github上的 ionic
<div *ngIf="loaded">
<ion-list *ngFor="let item of items; let i = index" routerDirection="forward">
<ion-item-sliding #slidingItem (click)="dosomething()">
<ion-item >
<ion-avatar>
<img [src]=items[0].imgUrl>
</ion-avatar>
<h2>{{item[0].name}}</h2>
</ion-item>
<ion-item-options side="end">
<ion-item-option (click)="showSureAlert(i, slidingItem)">
<ion-button class="slideButton" >
<ion-icon name="trash"></ion-icon>
</ion-button>
</ion-item-option>
</ion-item-options>
</ion-item-sliding>
</ion-list>
</div>
Run Code Online (Sandbox Code Playgroud)
async showSureAlert(index, item) {
console.log('clicked');
const text: any = [];
const alert = …Run Code Online (Sandbox Code Playgroud)