AngularJSUI引导程序-删除时淡出警告

AngularJS / UI引导程序-删除时淡出警告 在Angular中> 1.1.5

您可以使用angular的内置动画功能。基本上，您只需

data-ng-animate="'<animation class>'"

在重复元素上添加一个。

看到这个优秀的post -in-angularjs动画或@Nikos的回答。

在Angular 1.0.7中（稳定）

据我所知，没有动画支持。但是，您可以自己制作动画。我不是专业人士，所以这可能不是最好的方法。

创建第二个

$timeout

添加一个“淡出CSS3”动画，该动画在第一个超时触发之前启动：

1. 创建CSS3动画类以隐藏警报（可能已经来自引导程序）

   @keyframes fadeOut

   {
   from { opacity: 1.0; }
   to { opacity: 0.0; }
   }
   
   

   @-webkit-keyframes fadeOut
   {
   from { opacity: 1.0 }
   to { opacity: 0.0 }
   }

   .fade-out
   {
   animation: fadeOut 2s infinite;
   -webkit-animation: fadeOut 2s infinite;
   }

2. 添加第二个$ timeout：

   $timeout(function() { alert.expired = true; }, 2000);

3. 在模板中，添加条件类

   ng-class

   ：

   <div ng-repeat="alert in alerts" ng->...</div>