角NG-显示隐藏慢慢

Question

<div> 
    <button type="submit" class="btnSubmit" ng-show="vm.isSearchIconVisible" after-hide="afterHide()" after-show="afterShow()"> 
     <i class="iconMglass"></i> 
    </button> 
    <button type="reset" my-show="!vm.isSearchIconVisible" after-hide="afterHide()" after-show="afterShow()" class="clearTextButton" ng-click="vm.clearSearchText()" > 
     <span class="clearIcon">X</span> 
    </button> 

嗨，

我有坐在一个在另一个顶部的两个按钮，我想用视觉标志（isSearchIconVisible）它们之间进行切换。 Logicly它工作正常，但为500ms，他们一起看和重叠。 我使用directive来捕获ng显示完成的“事件”。

Answer 1

尝试在样式表中添加这些样式。

.ng-hide.ng-hide-animate { 
    display: none !important; 
} 

.ng-animate.no-animate { 
    transition: 0s none; 
    -webkit-transition: 0s none; 
    animation: 0s none; 
    -webkit-animation: 0s none; 
}