标签: ion-item

离子项目选项按钮需要单击两次

我有一个离子列表,其中包含滑动项目,并使用 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)

typescript ionic-framework angular ionic4 ion-item

5
推荐指数
1
解决办法
1737
查看次数

标签 统计

angular ×1

ion-item ×1

ionic-framework ×1

ionic4 ×1

typescript ×1