Question

我最近将继承的Angular 2应用程序迁移到Angular 7.2。有很多问题需要解决，但我还有最后一个与动画变换有关的问题。

下面的代码在Angular 2版本的应用程序中工作正常，但在Angular 7版本中会引发运行时错误。对于Chrome和Safari浏览器来说确实如此。如果我记下前4条变换线，则Angular 7应用程序运行时不会出错（动画有效！）。

      state('*', style({
            '-ms-transform': 'translate3D(0px, 0px, 0px)',
            '-webkit-transform': 'translate3D(0px, 0px, 0px)',
            '-moz-transform': 'translate3D(0px, 0px, 0px)',
            '-o-transform':'translate3D(0px, 0px, 0px)',
            transform:'translate3D(0px, 0px, 0px)',
            opacity: 1})),

Chrome中的错误消息为**未捕获（承诺）：错误：由于以下错误，动画触发器“ cardphone”未能构建：-不支持所提供的动画属性“ ms-transform”属性。”对于所有四个特定于浏览器的转换都会重复此错误。

在任何一种环境中都没有编译器错误-这是运行时问题。

有人能说明Angular版本之间的不同行为吗？

Angular 2和Angular 7之间的CSS3转换差异

0 个答案: