Javascript 条件为false时ng中的延迟显示隐藏元素

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"

我是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="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点击
,延迟仍然存在同样的问题。即使没有动画,仍然存在延迟。