Javascript Angular 1.2基于类应用动画

我制作了一个用作过滤器的HTML布局，我的HTML如下所示：

<div class="filter">
    <small>User</small>
    <em ng-bind="filter.name">All Users</em>
    <nav>
        <a class="selected" ng-click="filter={name: 'All Users', filter: ''}">All Users</a>
        <hr>
        <a ng-click="filter={name: 'Person1', filter: 'Person1'}">Person1</a>
        <a ng-click="filter={name: 'Person2', filter: 'Person2'}">Person2</a>
        <a ng-click="filter={name: 'Person3', filter: 'Person3'}">Person3</a>
    </nav>
</div>

我的问题是：是否有任何方法可以使用Angular 1.2动画库显示/隐藏nav div动画

Daniel，提前感谢您。

您可能想查看文档隐藏/显示动画（以及其他动画）几乎免费提供。您只需要引用ngAnimate，注入$animate并添加enter/leave css样式

.filter nav {
    display: none;
}
.filter.active nav {
    display: block;
}