Javascript 吴秀兰;Ng Hide,有什么区别?

Javascript 吴秀兰;Ng Hide,有什么区别?,javascript,angularjs,ng-show,ng-hide,Javascript,Angularjs,Ng Show,Ng Hide,我在自学Angular JS,对于ng show和ng hide之间的区别,我找不到任何明确的答案。在我看来,它们在功能上是等价的 我理解它们与ng if之间的区别,因为ng if实际上删除了观察者等,而show和hide似乎起到了相同的作用 使用其中一种方法是否有任何性能提升,或者是否存在一种方法优于另一种方法的情况,或者只是一个硬币的两面,而您使用对您来说更符合逻辑的方法 如果有人在别处问/答过,我表示歉意,但我找不到 它们的作用相反,可以随意使用 我认为这可以归结为编码偏好,因为有些人喜欢

我在自学Angular JS,对于
ng show
ng hide
之间的区别,我找不到任何明确的答案。在我看来,它们在功能上是等价的

我理解它们与
ng if
之间的区别,因为
ng if
实际上删除了观察者等,而show和hide似乎起到了相同的作用

使用其中一种方法是否有任何性能提升,或者是否存在一种方法优于另一种方法的情况,或者只是一个硬币的两面,而您使用对您来说更符合逻辑的方法


如果有人在别处问/答过,我表示歉意,但我找不到

它们的作用相反,可以随意使用

我认为这可以归结为编码偏好,因为有些人喜欢编写代码,以便在值为真时使用该方法,而不是使用not false

<div ng-show="true">

而不是:

<div ng-hide="!true">


ng show
ng hide
只需将显示设置为“无”,但
ng(如果
实际从DOM中删除元素)


在性能方面,,我认为这没有什么大的区别,但是由于
ng if
删除了附加到此元素及其子元素以及DOM元素的所有事件处理程序,因此我认为
ng show
ng hide
会更快。

ng show
ng hide
应用
display:none!重要信息
使用以下指令之一添加到html。
ng show
ng hide
之间没有区别:这只是语义和您的选择

那么,假设您有下一个html:

{{text}}

{{text}}


因此,在本例中,如果您的条件为
true
,则第一行代码将显示html,如果您的条件为
false
,则将其隐藏。带有
ng hide
的第二行将执行相同的操作,但条件相反:如果条件为
true
,它将隐藏html;如果条件为
false
,它将显示html。此指令在一行中不同:

ngShowDirective

    $animate[value ? 'removeClass' : 'addClass'](element, NG_HIDE_CLASS, {
      tempClasses: NG_HIDE_IN_PROGRESS_CLASS
    });
    $animate[value ? 'addClass' : 'removeClass'](element,NG_HIDE_CLASS, {
      tempClasses: NG_HIDE_IN_PROGRESS_CLASS
    });
ngHideDirective

    $animate[value ? 'removeClass' : 'addClass'](element, NG_HIDE_CLASS, {
      tempClasses: NG_HIDE_IN_PROGRESS_CLASS
    });
    $animate[value ? 'addClass' : 'removeClass'](element,NG_HIDE_CLASS, {
      tempClasses: NG_HIDE_IN_PROGRESS_CLASS
    });
与应用
ng hide
CSS类正好相反


如您所见,有
NG\u HIDE\u IN\u PROGRESS\u类

这是在两种情况下临时应用的
ng hide animate
css类。
您可以使用它来设置元素出现/消失的动画。
应使用两个选择器来实现双向动画:

  • 。为显示设置隐藏动画
  • .animate hide.ng hide
    用于隐藏

其可能的重复项两者都不是,第一个是关于使用显示和隐藏的问题,第二个是关于使用NG-IF而不是显示或隐藏。我在问显示和隐藏之间是否有任何区别,我理解NG-if和NG显示/隐藏之间的区别。我甚至在我的问题中提到了。关于第二个问题,你是对的。我把它拿走了。但是第一个非常相似。两者(ng show/ng hide)具有几乎相同的css。区别在于动画。在第一个例子中,由于语法错误,他在使用NG show和NG hide时遇到了问题。地雷只是何时使用的问题,而不是如何使用的问题。我想我们可以同意不同意,我确实很努力地想知道我的问题是否已经在stack或任何其他网站上被问过/回答过,但我找不到。谢谢,正如我所想,功能相当,只是优先考虑,非常感谢!)它应用于
ng hide
类,而不是样式