Question

我正在使用onsen ui框架的轮播功能，以便通过从左向右滑动来删除列表中的项目，就像在ios / android中一样。滑动显示＆＃34;删除＆＃34; - 按钮，应从列表中删除此项目并重新排序问题是，视图总是删除最后一行而不是按下按钮的行，但是，在数据阵列中正确删除了行。

有人对此有答案吗？

*希望有s.o.那里有一个解决方案

Answer 1

您应该提供一些代码，以便我们可以看到您尝试过的内容。您使用的是ngRepeat指令还是<ons-list>？在这种情况下，您应该只从数据数组中删除该项目。

在控制器中，您可以创建项目列表（可以是任何内容）：

angular.module('myApp').controller('MyController', function($scope) {
  $scope.items = ['A', 'list', 'of', 'items'];
});

在HTML中，您使用ngRepeat循环播放它们。要删除项目，请使用ngClick并拼接列表。

<ons-list>
  <ons-list-item ng-repeat="item in items">
    {{ item }}
    <ons-button ng-click="items.splice($index, 1)">Remove item</ons-button>
  </ons-list-item>
</ons-list>

我在下面的例子中使用了旋转木马，但是你列入的内容并不重要。 http://codepen.io/argelius/pen/qEmjEB

Onsen UI Carousel滑动列表项

1 个答案: