Angularjs 我如何移动div？

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

<div>Information Div</div>
<div>Div 1</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>Information Div</div>
<div>Div 2</div>
<div>Div 3</div>

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

div1
第2组
新闻组
第3组

您可以让内容以ng格式重复。然后，可以将orderBy筛选器添加到按照指定顺序排序的repeat中。您可以根据上面定义的规则轻松添加单击事件以更改排序顺序

---

orderBy:

您可以将jquery逻辑包装到指令中