Javascript 从列表中删除项目时的动画

给定以下html：

<div class="list-group-item" ng-repeat="sd in dc.sourceDocuments.items">
    <div class="btn-group pull-right" role="group">
        <button type="button" data-toggle="tooltip" title="open" class="btn btn-default"><span class="fa fa-envelope-o"></span></button>
        <button ng-click="dc.markComplete(sd)" type="button" data-toggle="tooltip" title="mark complete" class="btn btn-default"><span class="fa fa-check"></span></button>
    </div>

Angular非常正确并立即从列表中删除该项

---

如何使用angular animate设置移除动画以使项目淡出

嘿，很抱歉，我不太擅长打字脚本（这就是为什么我不打算尝试给你一个直接的答案），但解决这个问题的方法是延迟移除元素，在移除之前向其添加一个类，让我们说“移除”。然后，您只需使用普通css转换为要删除的元素设置不透明度。将转换计时设置为与删除函数的超时相同。希望这能帮助您实现此功能。嘿，很抱歉我不太擅长typescript（这就是为什么我不打算尝试给您一个直接的答案），但解决此问题的方法是延迟删除元素，在删除之前向其添加一个类，比如说“删除”。然后，您只需使用普通css转换为要删除的元素设置不透明度。将转换计时设置为与删除函数的超时相同。希望这能帮助您实现此功能。

public markComplete(document: SourceDocument): void {
    this.$service
        .markComplete(document.id)
        .then(() => this.remove(document));
}
public remove(document: SourceDocument): void {
    var index = this.sourceDocuments.items.indexOf(document);
    this.sourceDocuments.items.splice(index, 1);
    this.$log.log(`removed document id: ${document.id}`);
}