关于 ng-show 与隐藏的

Question

简介：-

有些人只使用 ng-show 而不是 ng-hide="!true" 或者有些人使用 ng-hide 而不是 ng-show="!true"。从技术上讲，我们不需要 ng-hide 指令。但！我知道 angular 为标准编码结构引入了 ng-hide。 请理解，我问的不是difference的表现。

我的问题：-

So my question is what about the performance of this following scenarios?

• ng-hide="true" 对比 ng-show ="!true"
• ng-show="true" 对比 ng-hide="!true";

Answer 1

ng-hide 与 ng-show 之间的表现没有差异。它只是使用 CSS 到 show/hide 元素。

<div ng-hide="true"></div> // => display: none !important;

<div ng-hide="!true"></div> // => display: block !important;

类似于 ng-show：

<div ng-show="true"></div> // => display: block !important;

<div ng-show="!true"></div> // => display: none !important;

您应该比较 ng-show（显示元素使用 CSS）与 ng-if（向 DOM 添加元素）关于性能。