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

Question

我对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>

任何帮助将不胜感激。

Answer 1

找到了问题。 我在所有按钮上都有一个过渡，如下所示：

.btn {
  position: relative;
  @extend .gotham-medium;
  border: 0;
  text-transform: uppercase;
  @include transition(background-color $transition-settings);
}

我也使用了animate.css类的animated fadeIn 。 当那些类被删除时，问题仍然存在，因为我在按钮上也有转换。 这是两者的结合。 这是两者的结合。

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