基于动态值而不是时间的角度2动画转换

Question

虽然我知道Angular 2的动画主要用于在固定时间内动态处理状态之间的转换，但这并不总是最方便的。

在我的情况下，我有一个可滑动的元素，我希望根据我将它从默认位置移动多远来进行动画处理。也就是说，我想动态地提供处理程序，例如0到1之间的浮点数表示动画我应该走多远。 角度2框架可以处理这个问题吗？不知怎的，我可以绕过默认的animate(time) property，并直接调用改变CSS的底层函数？

Answer 1

我不是100％清楚你的问题，但我不认为你要求的是Angular动画。 Angular's animations构建在Web Animation API之上，本身只是与CSS动画交互的简化方式。 CSS动画由关键帧+持续时间定义（请参阅https://css-tricks.com/almanac/properties/a/animation/）。

从理论上讲，您可以根据滑动元素的位置创建一组复杂的关键帧，但这将是一种破解，而不是您要求的。

为了实现您的目标，我认为您需要使用自定义Javascript或找到一个外部库来帮助您。你对项目细节有点模糊，但作为一个例子，像Tether这样的图书馆可能会帮助你。