错误（过渡延迟）孩子到ng-show的元素

Question

我在由Angular提供支持的自定义CMS中创建站点地图。

我隐藏较低级别的页面并使用按钮切换其可见性。我添加了ng-animate来动画＆＃34;打开＆＃34;站点地图的较低级别。

这适用于<ul>，但我宁愿让其子<li>输入更长transition-delay的每个项目，以获得漂亮的瀑布效果，这就是我被困住的地方

起初我认为只需在transition-delay添加<li>即可，但无论出于何种原因，我甚至无法向{{{{}}添加常规transition 1}}。我读到了<li>类，但它永远不会被应用。

标记：

-stagger

这是标记的图片，如果它可以帮助你，呃，想象一下：

如果相关，我使用<ul> <li ng-repeat="page in data" ng-class="{'children-visible': isVisible}" ng-init="isVisible = false"> <a href="#">{{page.pagename}}</a> <button ng-if="page.sub" ng-click="$parent.isVisible = !isVisible"> </button> <ul ng-if="page.sub" ng-show="isVisible" ng-animate="'animate'"> <li ng-repeat="page in page.sub"> <a href="#">{{page.pagename}}</a> </li> </ul> </li> </ul> 和angular.js的版本1.2.16。

因此，简而言之：如何为angular-animate.js元素的子元素添加交错/转换延迟？