Angular ng-Show langsam

Question

versteckt

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

Hallo,

Ich habe zwei Knöpfe, die man auf dem anderen sitzt und ich möchte zwischen ihnen visuell mit einer Fahne wechseln (isSearchIconVisible). Logisch funktioniert es gut, aber es gibt 500ms, dass sie zusammen gesehen und überlappend sind. Ich habe directive verwendet, um die ng-Show abgeschlossen "Ereignis" zu fangen.

Answer 1

Versuchen Sie, diese Stile in Ihre Stylesheets einzufügen.

.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; 
}