angular 动画-错开在路由出口中不起作用

aydmsdu9 于 2022-10-29 发布在 Angular

关注(0)|答案(2)|浏览(102)

我正在提交...

[ ] Regression (a behavior that used to work and stopped working in a new release)
[x] Bug report  
[ ] Feature request
[ ] Documentation issue or request
[ ] Support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question

当前行为

我的父组件有router-outlet，其中呈现主页或关于组件。路由器动画工作正常，所有组件都有相同的列表和动画-@expand和@listXXX。
问题：刷新页面时，@expand和@listParent都能正常工作，但在主页和关于之间导航时，@listChild在ngFor初始化时似乎无法正常工作。如果我尝试推送/弹出单个项目，动画却能正常工作。
当路由器动画完成时，我查询@expand、@listChild并调用animateChild（）。

预期行为

刷新或导航时，@listChild交错动画应与@expand动画一样工作。

最大限度地减少了使用说明时问题的重现

https://embed.plnkr.co/Ft0I5iPpvbMra5ZrV7wc/的最大值

改变行为的动机/用例是什么？

环境

Angular version: 4.3.1

Browser:
- [x] Chrome (desktop) version 59
- [ ] Chrome (Android) version XX
- [x] Chrome (iOS) version 59
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX

For Tooling issues:
- Node version: 6.10.0  
- Platform:  Windows

Others:

Angular

来源：https://github.com/angular/angular/issues/18300