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

这就是罪魁祸首。我真是个旋钮:)