使用Angular.js和CSS淡入并淡出div上的动画

Question

我正在处理自定义通知。 我想应用淡入淡出和淡出动画到div。 我有一个设置超时方法，每30秒触发一次，关闭div。还有一个关闭div的十字按钮。当我们关闭它时应该淡出。

tm是动态生成的列表。当我在列表中有东西的时候，我会得到一个应该淡入的通知。现在我得到了除动画之外的所有东西。

<div ng-repeat="t in tm" class="alert alert-danger">
        <figure><img class="alert-close close"
                     ng-click="closeToastMessage(toast._id)"
                     src="/img/Notification/RCWeb6_6NTF_IMG_ExitMinorNotification.svg" alt="&times;"/></figure>
            <p class="alert-header">[[t.message.title]]</p>
            <p class="alert-message">[[t.message.errorMessage]]</p>

    </div

Answer 1

试试这个

$scope.closeToastMessage = function (id) { 
    $('#'+id).fadeOut(500, function() {
        ToastMessages.remove({_id: id}); 
    });
}