Javascript 条件为false时ng中的延迟显示隐藏元素
我是AngularJS的新手,在我的整个应用程序中都会遇到这个问题。当我使用Javascript 条件为false时ng中的延迟显示隐藏元素,javascript,angularjs,Javascript,Angularjs,我是AngularJS的新手,在我的整个应用程序中都会遇到这个问题。当我使用ng show(甚至ng hide)时,当条件为false时,元素隐藏会有延迟。这是一个很好的1秒延迟 一个实例: 因此,如果没有子域描述,按钮将立即隐藏 <button class="btn btn-sm btn-primary pull-right animated fadeIn" title="Show Domain Info" ng-click="hideMe = !hideMe"
ng show
(甚至ng hide
)时,当条件为false时,元素隐藏会有延迟。这是一个很好的1秒延迟
一个实例:
因此,如果没有子域描述,按钮将立即隐藏
<button
class="btn btn-sm btn-primary pull-right animated fadeIn"
title="Show Domain Info"
ng-click="hideMe = !hideMe"
ng-show="vm.subdomainDescription"
>
<img src="assets/images/icon_info_circle.svg" class="icon-md" alt="Info">
</button>
任何帮助都将不胜感激。发现问题。我在所有按钮上都有一个转换,如下所示:
.btn {
position: relative;
@extend .gotham-medium;
border: 0;
text-transform: uppercase;
@include transition(background-color $transition-settings);
}
我还使用animate.css类animatedfadein
。当这些类被移除时,问题仍然存在,因为我在按钮上也有转换。这是两者的结合。这是两者的结合
这就是罪魁祸首。我是一个多么棒的人:)你能提供点击时发生的JS代码吗(选项卡更改)点击时vm是如何创建/修改的?如果不使用动画,是否会有更改?单击
ng
只是显示/隐藏域描述的切换。它只是一个视图功能,而不是控制器功能。单击中未创建或修改任何内容。即使我删除了ng点击
,延迟仍然存在同样的问题。即使没有动画,仍然存在延迟。