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

时间:2015-07-23 19:03:39

标签: javascript angularjs

我对AngularJS很新,我在整个应用程序中都遇到了这个问题。当我使用ng-show(或甚至ng-hide)时,当条件为假时,元素隐藏会有延迟。这是一个很好的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>

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

发现了这个问题。我对所有按钮进行了转换,如下所示:

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

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

那是罪魁祸首。我是一个什么样的旋钮:)