Question

离子角版本是2.0.0-rc.2

如果我删除* ngFor，使用静态列表，它可以正常工作。以下是代码段。

<ion-list>
    <ion-item-sliding *ngFor="let item of items">
        <ion-item>
            <h2>{{item.subject}}</h2>
        </ion-item>
        <ion-item-options side="right">
            <button ion-button color="primary">
                <ion-icon name="mail"></ion-icon> Email
            </button>
        </ion-item-options>
    </ion-item-sliding>
</ion-list>

Answer 1

我注意到离子项目滑动的问题，当滑动时，它不保持滑动项目，因此不允许单击离子项目选项按钮

Answer 2

以上代码经过测试，最终成功运行来自外部的动态数据。

问题是当项目调用时只需添加小代码。循环后的异步管道。

最终的代码将是....

 <ion-list>
      <ion-item-sliding *ngFor="let item of items  | async">
          <ion-item>
              <h2>{{item.subject}}</h2>
          </ion-item>
          <ion-item-options side="right">
              <button ion-button color="primary">
                  <ion-icon name="mail"></ion-icon> Email
              </button>
          </ion-item-options>
      </ion-item-sliding>
  </ion-list>

希望以上代码能正常工作。

Ionic2离子项目滑动不适用于* ngFor动态列表

2 个答案: