javascript - AngularJS 中的 ng-show 与 ng-if

Question

ng-if 和 ng-show 似乎工作相似。

<img src="spinner.gif" ng-if="showSpinner">


<img src="spinner.gif" ng-show="showSpinner">

他们之间有什么区别吗？有任何性能影响吗？如何决定在哪里正确使用它们？

Answer 1

ngIf differs from ngShow and ngHide in that ngIf completely removes and recreates the element in the DOM rather than changing its visibility via the display css property. A common case when this difference is significant is when using css selectors that rely on an element's position within the DOM, such as the :first-child or :last-child pseudo-classes.

http://docs.angularjs.org/api/ng/directive/ngIf