Html 页面加载时转换不能正确显示

我有一个仪表，需要根据发送到html文件的变量填充。 为此，我将初始值设置为零，如下所示：

  transform:rotate(.0turn);
  transition: all 1.3s ease-in-out;

无论何时加载html（第一次，或使用f5），它都会产生一个我希望避免的奇怪的动画，即使当我更改正在使用的部分（从侧导航）并向后更改时，动画是平滑的，并且会按需要显示

[ngStyle]="{ 'transform': 'rotate(' + dashService.valor_radio + 'turn)' }">

这是我将值从html页面发送到CSS文件的部分。 我在谷歌上遇到的每个问题似乎都是相反的，如何避免页面加载上的转换。

---

需要注意的是：我不能使用JQuery，你可能会在动画中看到一个初始的口吃，因为在初始加载过程中有很多动作，特别是在延迟加载的模块中

根据您想要实现的目标，您可以通过动画中的短暂延迟来解决此问题：

transition: all 1.3s 100ms ease-in-out;
                      ^ delay

---

啊，好吧，根据你的评论，它听起来像是在为DOM构建时容器上的宽度和/或高度设置动画。尝试将

transition:all

更改为更具体的属性，如

transition:transform

您可能会在动画中看到一个初始的口吃，因为在初始加载过程中有很多动作，尤其是在延迟加载的模块中

根据您想要实现的目标，您可以通过动画中的短暂延迟来解决此问题：

transition: all 1.3s 100ms ease-in-out;
                      ^ delay

啊，好吧，根据你的评论，它听起来像是在为DOM构建时容器上的宽度和/或高度设置动画。尝试将

transition:all

更改为更具体的属性，如

transition:transform

解决方案： 显然，在转换后使用“all”使我的所有参数都转换，而不是仅使用“transform:rotate”。 这就像将“transition:all”替换为“transition:transform”一样简单。

解决方案： 显然，在转换后使用“all”使我的所有参数都转换，而不是仅使用“transform:rotate”。

---

这就像将“transition:all”替换为“transition:transform”一样简单。

Angular有一个完整的动画部分，请尝试使用它。有很多洞，如果你自己做的话，你会错过的。你自己做的意思是不使用动画部分？我喜欢在不同的地方变换和动画。谢谢，的确，动画和转场被认为不平凡，可以用于页面上出现的任何动画。Angular有一个完整的动画部分，请尝试使用它。有很多洞，如果你自己做的话，你会错过的。你自己做的意思是不使用动画部分？我喜欢在不同的地方变换和动画。谢谢，的确，动画和过渡被认为是不平凡的，可以用于页面上出现的任何动画。我试过了，但延迟似乎没有帮助。它应该是一个旋转的圆，而不是在其正确的中心点上旋转，它的旋转似乎偏离了轴。我试过了，但延迟似乎没有帮助。它应该是一个旋转的圆，而不是在其正确的中心点上旋转，它的旋转似乎偏离了轴。