Angularjs ng显示和ng如果延迟隐藏内容

Angularjs ng显示和ng如果延迟隐藏内容,angularjs,angularjs-scope,angular-ng-if,angularjs-ng-show,Angularjs,Angularjs Scope,Angular Ng If,Angularjs Ng Show,我将根据searchQuery是否为空来显示和隐藏clear按钮。当用户开始在输入框中输入时,按钮立即显示 但是,当用户单击“清除”按钮或删除所有输入时,在删除“清除”按钮之前会出现明显的延迟。我也尝试过ng show,也得到了同样的结果。你知道为什么会存在这种滞后吗 HTML 检查要应用ng if/ng show的元素上的css类。寻找答案。如果类具有转换,则可能是延迟的原因: .button-icon { transition: all .5s; } 这是开发人员中常见的问题。即使

我将根据searchQuery是否为空来显示和隐藏clear按钮。当用户开始在输入框中输入时,按钮立即显示

但是,当用户单击“清除”按钮或删除所有输入时,在删除“清除”按钮之前会出现明显的延迟。我也尝试过ng show,也得到了同样的结果。你知道为什么会存在这种滞后吗

HTML


检查要应用ng if/ng show的元素上的css类。寻找答案。如果类具有转换,则可能是延迟的原因:

.button-icon {
    transition: all .5s;
}

这是开发人员中常见的问题。即使尝试使用ng if也会导致相同的问题。我可以为你提出一个简单的解决方案

打开特定html文件的css文件,并在下面的行中添加

**.ng-hide { display: none !important }**
希望这会有帮助

$scope.$evalAsync();

为我工作:)

你能在JSFIDLE中重现一个问题吗?你能在这里重现吗?您是否正在使用ngAnimate或定义任何css转换?答案存在于解释问题的确切原因以及您的解决方案将如何工作。
**.ng-hide { display: none !important }**
$scope.$evalAsync();