列表项目显示问题中的onsen-ui轮播

Question

我正在尝试在每个列表项中创建带有轮播的列表，这就是我做的方式

    <ons-list id ="list"  style="padding:0px;" ng-controller="ItemController">

    <ons-list-item ng-repeat="item in local" style="padding:0;">
      <ons-carousel  swipeable initial-index="0" style="height: 100%;width: 100 %;position: absolute;">
        <ons-carousel-item style="padding:0;">
          <ons-button modifier = "quiet" ng-click="menu.close();customSetMainPage(item.id);">
            {{item.name}}
          </ons-button>
        </ons-carousel-item>
        <ons-carousel-item>
          <ons-button ng-click="deletepresentation(item.id);local.splice($index, 1);">
                Remove
                <ons-icon icon="ion-trash-a"/>
          </ons-button>
        </ons-carousel-item>
      </ons-carousel>
    </ons-list-item>


    </ons-list>

现在列表正在运行，但是第一次显示时它显示如下：

当它应该是这样的：

将一个项目添加到列表后，它会显示第二个轮播项目，而不是第一个：

任何帮助？

Answer 1

Carousel在先前版本中遇到了与您的第一个问题相关的一些错误，因此如果您尚未使用它，我建议您更新到最新的Onsen UI。

此外，在实际删除之前，您需要将要删除的项目还原到其初始索引。最好还将auto-refresh和auto-scroll属性添加到轮播中。

在此工作：http://codepen.io/frankdiox/pen/wKwpGZ

希望它有所帮助。