使用GoAngular的可排序列表

Question

因此，我正在创建一个项目，人们可以一起工作在一个任务列表。我目前的同步方法非常糟糕，所以我一直想转移到GoInstant上一段时间。当我环顾四周时，我发现了GoAngular，它似乎提供了一种非常好的、直观的方法来将数据和显示绑定在一起。但是，我不知道GoAngular是否能够同时处理多个人添加、删除和重新排序项的任务。

您知道如何使GoAngular支持重新排序吗？重要的是，更新是增量的，而不是每次都重新创建整个列表的DOM。

Answer 1

这实际上取决于列表的大小，您可以采取两种方法(这两种方法都不是完美的)，这两种方法都涉及向position模型添加一个GoAngular属性(或者创建一个专门用于跟踪位置的模型)：

让我们把这作为我们的出发点：

​

[
 { title: 'Item A', position: 1 },
 { title: 'Item B', position: 2 },
 { title: 'Item C', position: 3 },
 { title: 'Item D', position: 4 },
]

​

如果列表很小(在数百个项中)，您可以在它们更改时更新位置，因此，如果“项B”在“项C”之后移动，则将更新B&C项的位置(使用$set)：

​

[
 { title: 'Item A', position: 1 },
 { title: 'Item C', position: 2 },
 { title: 'Item B', position: 3 },
 { title: 'Item D', position: 4 },
]

​

或者，您可以在两个位置中间插入一个项目，这在大列表中更实用。如果“项目B”在“项目C”之后再次移动，则只更新“项目B”的位置。在本例中，为(3+4) /2= 3.5：

​

[
 { title: 'Item A', position: 1 },
 { title: 'Item C', position: 3 },
 { title: 'Item B', position: 3.5 },
 { title: 'Item D', position: 4 },
]

​

这有用吗？