javascript - 条件为假时延迟ng-show隐藏元素

我对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类animated fadeIn。当那些类被删除时，问题仍然存在，因为我在按钮上也有转换。这是两者的结合。这是两者的结合。

那是罪魁祸首。我是个好主意:)