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 完成 "event"。

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

Angular ng-show 慢慢隐藏

Angular ng-show slowly hidden

angularjs

ng-show