Javascript 吴秀兰;Ng Hide,有什么区别?
我在自学Angular JS,对于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似乎起到了相同的作用 使用其中一种方法是否有任何性能提升,或者是否存在一种方法优于另一种方法的情况,或者只是一个硬币的两面,而您使用对您来说更符合逻辑的方法 如果有人在别处问/答过,我表示歉意,但我找不到 它们的作用相反,可以随意使用 我认为这可以归结为编码偏好,因为有些人喜欢
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 hide
类,而不是样式