首页 文章

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

提问于
浏览 次
1

离子角版本是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>
ionic-framework ionic2

2 回答

  • 0

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

    回复于
  • 0

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

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

    最终的代码将是....

    <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>

    希望上面的代码能正常工作 .

    回复于

相关问题