Angular ng-show 慢慢隐藏

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