css - 从 Controller angularJS更改元素顺序

Question

你好，如果存在某个变量(其中的标记)，我想更改 2 个 div 的顺序 - 从 Controller 将它们反过来。

我找到了 way使用 ng-repeat 指令来做到这一点，但在这种情况下我真的不想使用 ng-repeat 因为我已经有很多 ng-repeats 在这两个 div 中，我认为这可能会导致一些问题，甚至可能需要更长的加载时间。

还有其他方法可以从 Controller 更改 div 顺序吗？也许我可以在变量存在或不存在时向元素添加一些类，如果我没记错的话，我可以使用 flexbox 帮助更改元素顺序。

你们能告诉我如何完成这项任务吗？我会很感激如果你提供一些小演示。

Answer 1

没有人回答我已经找到解决方案的问题。评论部分有人说我应该使用 ng-repeat 因为它是很好的解决方案，但我无法真正弄清楚如何使用它并在这 2 个 div 中保持 html 内容的基调。我不想从 Controller 绑定(bind)所有这些，是吗？

所以我所做的是用 display: flex 将这 2 个 div 包装在另一个 div 中，然后在新容器中的这 2 个 div 上使用 ng-class 指令动态地使用此规则添加类:

第一格

.flex-container--child_1 {
    order:2;
}

第二个 div

.flex-container--child_2 {
    order:1;
 }

ng-class 将这两个类添加到 div 中，只要有我想要的变量存在。

<div ng-class="{'flex-container--child_1': authentication.isAuth}">...</div>

如果有人遇到同样的问题并在 SO 上找到这个问题，我会写这篇文章。