我正在尝试做一个看起来很简单的过程：显示从带有动画的 HTTP 请求接收到的项目列表。
首先，这是我的做法（我愿意接受任何建议以更好的角度来做）：
state，我在控制器中将其初始化为loading，并在我从HTTP 请求接收数据时更改为loaded。items。ng-switch 用于状态，ng-repeat 用于项目。ng-repeat 上定义了一个带有 css 的动画。这里是a plunkr（使用 $timeout 而不是请求）。
我不明白为什么动画不起作用。
任何帮助将不胜感激。谢谢。
【问题讨论】：
标签： angularjs animation ng-repeat ng-switch
它发生的原因是因为你的ng-when。 ng-if 也会发生同样的事情，但如果您使用 ng-show 会正常工作。
问题在于，当您的 ng-when 条件返回 true 时，ng-when 首先将其内容呈现在分离的 dom 中（因此不会发生动画）。然后将此 dom 附加到 dom 树（此步骤是动画的，但您必须将动画类放在 ng-when 上）。
当使用 ng-show 或 ng-hide 之类的东西时，事情会按预期工作，因为 dom 始终是附加的（它只是显示/隐藏）。
这可能被认为是 ng-animate 的错误或限制，您可能想发布一个 github 问题，看看有角的家伙是否有任何想法。
【讨论】：
ng-show，然后发现它与dom有关，因为它正在使用这个指令，所以再次感谢你的清晰解释。正如我在对上一个答案的评论中所说，我的网站比我的示例更复杂。即使我可以使用 ng-hide / ng-show 让事情顺利进行，你认为我打算做的事情是最佳实践吗？
这似乎是 Angular 的一个“功能”，它不会添加 .ng-enter 来重复 ng-switch-when 块内的项目。你可以删除ng-switch-when="loaded"，它会起作用（你并不需要它，因为如果没有项目，ng-repeat 不会做任何事情）
<div ng-switch="state">
<div ng-switch-when="loading">
<p>Please wait...</p>
</div>
<div >
<ul ng-repeat="item in items" class="animate-items">
<li>{{item}}</li>
</ul>
</div>
</div>
【讨论】：
ng-repeat，还包含封装在ng-switch="loaded" 中的其他内容，并且在加载数据时无法显示它。