AngularJS-1使用ng-if語句或兩個指令的指令？

Question

關於Angular JS性能的快速問題。

我有一個ng-repeat列出了搜索結果的負載。我使用指令/模板來提取每個搜索項。

使用ng-if語句包裝兩個指令或使用一個指令並在其中包含多個ng-if語句並使用表達式或語句會更好嗎？

E.G. NG-if語句包裹兩條指令：

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

OR

<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-如果是什麼？它是指令（1），帶有隔離範圍（2），用於刪除或附加DOM（3）。

這是什麼意思？

1. Ng-if需要時間進行初始化。 （不多）

2. 吳 - 如果創建新的隔離範圍。 （不多）

3. Ng-if使用DOM操作。 （可能非常昂貴的操作）

所以，性能與DOM相關的主要問題。加快ng-if的最佳方法是減少dom操作。

另外，儘量避免使用ng-if和ng-repeat。當然，你可以這樣做，但要小心。