javascript – 基于动态值而不是时间的Angular 2动画过渡

虽然我理解Angular 2的动画主要用于在固定时间内动态状态之间的过渡,但这并不总是最方便的.

在我的情况下,我有一个可滑动的元素,我希望根据我将其从默认位置移动多远来制作动画.也就是说,我想动态地提供处理程序,例如0到1之间的浮点数,表示我应该沿着动画的距离.角度2框架可以处理这个吗?我可以以某种方式绕过默认的animate(time)属性,并直接调用更改css的底层函数吗?

最佳答案 我不是100%清楚你的问题,但我不认为你所要求的是Angular动画.
Angular’s animations构建于Web Animation API之上,它本身只是一种与CSS动画交互的简化方法. CSS动画定义为关键帧持续时间(见
https://css-tricks.com/almanac/properties/a/animation/).

从理论上讲,你可以创建一组复杂的关键帧,你可以根据可滑动元素的位置“逐步”,但这将是一个黑客,而不是你真正想要的.

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

点赞