Угловая нг-шоу медленно скрытые

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). Логично работает отлично, но есть 500 мс, что они видны вместе и перекрываются. Я использовал directive, чтобы поймать завершенное «событие» ng-show.

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