Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs Onsen用户界面旋转滑动列表项_Angularjs_Carousel_Onsen Ui - Fatal编程技术网

Angularjs Onsen用户界面旋转滑动列表项

Angularjs Onsen用户界面旋转滑动列表项,angularjs,carousel,onsen-ui,Angularjs,Carousel,Onsen Ui,我正在使用onsen ui框架的旋转木马功能,通过从左向右滑动来删除列表中的项目,就像在ios/android中一样。 滑动显示一个“删除”按钮,该按钮应从列表中删除此项目并对其重新排序 问题是,视图总是删除最后一行,而不是我按下按钮的那一行,但是,该行在dataarray中被正确删除 有人对此有答案吗 *希望有s.o.提供解决方案您应该提供一些代码,以便我们可以看到您的尝试。您是否正在使用ngRepeat指令和?在这种情况下,您应该从数据数组中删除该项 在控制器中创建项目列表(可以是任何项目)

我正在使用onsen ui框架的旋转木马功能,通过从左向右滑动来删除列表中的项目,就像在ios/android中一样。 滑动显示一个“删除”按钮,该按钮应从列表中删除此项目并对其重新排序 问题是,视图总是删除最后一行,而不是我按下按钮的那一行,但是,该行在dataarray中被正确删除

有人对此有答案吗


*希望有s.o.提供解决方案

您应该提供一些代码,以便我们可以看到您的尝试。您是否正在使用
ngRepeat
指令和
?在这种情况下,您应该从数据数组中删除该项

在控制器中创建项目列表(可以是任何项目):

在HTML中,您可以使用
ngRepeat
循环浏览它们。要删除项目,请使用
ng单击
并拼接列表

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

{{item}}
删除项目
我在下面的示例中使用了carousel,但是在列表中输入什么并不重要。

嗨,安迪,谢谢你!!作品关于这一点,有趣的事实是,我几乎采用了相同的方法……但没有奏效。然后我复制了你的,没问题!!干杯你好,安迪,谢谢你的想法。但是用右击而不是左击怎么样?我怎么做?当然。只需切换旋转木马项目,并在代码笔示例中设置initial index=“0”:Ok cool。用特定距离向右滑动停车怎么样。有点像最大滑动距离。在“删除”按钮中的什么位置将恰好显示。就像在ios中删除消息列表项一样。是的,这不应该是一个调整问题。
<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>