关于ng-show与ng-hide的表现

Question

简介： -

有些人只使用ng-show代替ng-hide="!true"或某些人正在使用ng-hide代替ng-show="!true"。从技术上讲，我们不需要ng-hide指令。但！我知道角度引入了ng-hide标准编码结构。 请理解我，我问的是效果不是difference。

我的问题： -

  

所以我的问题是以下场景的表现如何？

• ng-hide="true"与ng-show ="!true"
• ng-show="true"与ng-hide="!true";

Answer 1

ng-hide与ng-show之间没有不同的表现。它只是使用CSS来显示/隐藏元素。

<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）与性能进行比较。