带有ng-if语句的AngularJS -1指令还是两个指令？

Question

关于Angular JS中的性能的快速问题。

我有一个ng-repeat列表列出了大量的搜索结果。我使用指令/模板来提取每个搜索项。

是使用一个ng-if语句包装两个指令，还是使用一个指令并在其中包含多个ng-if语句，并使用表达式或语句。

例如，包含两个指令的Ng-if语句：

<div ng-repeat>
    <directive-1 ng-if="this"></directive-1>
    <directive-2 ng-if="that"></directive-2>
</div>

或

<div ng-repeat>
   <directive-1></directive-1>
</div>

在指令-1中，你有...

<img src="1" ng-if="this">
<img src="2" ng-if="that">
<span>{{title || title2}}</span>
etc...

Answer 1

什么是ng-if？它是指令(1)，具有独立作用域(2)，用于删除或附加DOM(3)。

这是什么意思？

1. Ng-if需要时间来初始化。(不多)
2. Ng-if创建新的隔离作用域。(不多)
3. Ng-if使用DOM操作。(可能是非常昂贵的操作)

因此，性能的主要问题与DOM有关。提高ng-if速度的最好方法是减少dom操作。

另外，尽量避免将ng-if与ng-repeat一起使用。当然，您可以这样做，但要小心。