angular 在状态改变之前,当进入动画完成时,动画故障,

ffvjumwh  于 4个月前  发布在  Angular
关注(0)|答案(2)|浏览(104)

哪个@angular/*包是bug的来源?

animations

这是一个回归吗?

描述

我在打开模态框后非常快地加载一些东西时注意到了这个问题。具有:enter和:leave不透明度动画的加载器会以非常卡顿的方式“退出场景”。在遇到类似问题后,我能够构建一个复现。最好的我能描述这个现象是,如果你加载得足够快,数据状态和/或加载器状态会影响具有:enter和:leave动画的动画元素的渲染,大多数时候:leave动画无法平滑地工作。

请提供一个链接,指向最小复现bug的情况

https://stackblitz.com/edit/stackblitz-starters-6xqxh4

请提供您看到的异常或错误

  • 无响应*

请提供您发现此bug的环境(运行ng version)

Angular CLI: 14.2.10
Node: 16.13.1
Package Manager: yarn 1.22.15
OS: win32 x64

Angular: 14.2.12
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... platform-server, router, service-worker       

Package                            Version        
------------------------------------------------------------
@angular-devkit/architect          0.1402.10      
@angular-devkit/build-angular      14.2.10        
@angular-devkit/core               14.2.10        
@angular-devkit/schematics         14.2.10        
@angular/cdk                       14.2.7
@angular/cli                       14.2.10        
@angular/fire                      7.5.0
@angular/material                  14.2.7
@angular/material-moment-adapter   14.2.7
@schematics/angular                14.2.10        
rxjs                               7.8.0
typescript                         4.8.4
webpack                            5.76.0

还有其他信息吗?

在Angular 14之前就找到了解决方法,并在Angular 16中重现。我不确定这是否是一个回归。
P. S. Flink 的内容并不重要,你可以取消注解其中的其他行,自己看看。
尝试使用复现。

当按下“快速加载数据的模态框”按钮时,会出现这种 Flink 现象。

此外,它可能不会每次都出现,所以至少尝试几次。
同时,调整动画时间和模拟API调用时间也可以帮助解决问题。

zi8p0yeb

zi8p0yeb1#

任何人都可以调查吗?三个月了,没有任何关注迹象😞

mpgws1up

mpgws1up2#

Angular 17也有这个bug。

相关问题