我该如何移动div？

Question

我有一个HTML元素列表，如下所示：

<div>Information Div</div>
<div>Div 1</div>
<div>Div 2</div>
<div>Div 3</div>

我需要做的是在DOM周围移动Information Div，以便在用户点击的div之后显示。因此，如果用户点击Div 1，新DOM将如下所示：

<div>Div 1</div>
<div>Information Div</div>
<div>Div 2</div>
<div>Div 3</div>

使用jQuery这很容易，但我收集的直接DOM操作在Angular中是不受欢迎的。有没有办法使用AngularJS轻松完成这项工作？

要添加额外的扭曲，Information Div应始终显示在上方最终div，因此，如果用户点击Div 2 *或Div 3，则DOM看起来像是：

<div>Div 1</div>
<div>Div 2</div>
<div>Information Div</div>
<div>Div 3</div>

Answer 1

您可以将内容置于ng-repeat中。然后，您可以将orderBy过滤器添加到按指定顺序排序的重复中。您可以轻松添加单击事件，以根据您在上面定义的规则更改排序顺序。

orderBy：http://docs.angularjs.org/api/ng.filter:orderBy