angularjs - 如何移动div？

Question

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

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

我需要做的是Information Div在 DOM 周围移动，以便它出现在用户单击的任何 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*or Div 3，则 DOM 将如下所示：

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

score 0 · Accepted Answer

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

1 回答 1