【问题标题】:Ionic2 ion-item-sliding not working with *ngFor dynamic listIonic2 ion-item-sliding 不适用于 *ngFor 动态列表
【发布时间】:2016-12-13 07:45:01
【问题描述】:

离子角度版本是 2.0.0-rc.2

如果我删除 *ngFor,改用静态列表,它可以正常工作。以下是代码sn-p。

<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


【解决方案1】:

我注意到 ion-item-sliding 的问题,当滑动时,它不会保持滑动的项目,所以不允许点击 ion-item-options 按钮

【讨论】:

    【解决方案2】:

    上面的代码经过测试,终于用外部的动态数据成功运行。

    问题是当 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>
    

    希望上面的代码可以正常工作。

    【讨论】:

    • 这没有帮助......至少在我的情况下。
    • @shane,删除async然后看看
    猜你喜欢
    • 2018-06-09
    • 2023-03-21
    • 1970-01-01
    • 2021-08-12
    • 1970-01-01
    • 2017-08-05
    • 1970-01-01
    • 2016-06-21
    • 2020-12-28
    相关资源
    最近更新 更多