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