这里有一个简单的Plunkr是动画列表中的项目的插入。 这使用-webkit变换缩放来自刻度插入(0)比例(1)。 切换NG-动画=“‘插入’”到NG-动画=“‘推子’”将使用JavaScript动画插入项目。
但我想能在这里使用CSS关键帧动画代替。 在列表中的最后一项是硬编码,并使用“浮动进入启动”级。 我似乎无法使NG-动画正确地运用这个类。 这似乎是设置NG-动画=“‘’浮动”应该工作,但事实并非如此。 我在想什么?
这里有一个简单的Plunkr是动画列表中的项目的插入。 这使用-webkit变换缩放来自刻度插入(0)比例(1)。 切换NG-动画=“‘插入’”到NG-动画=“‘推子’”将使用JavaScript动画插入项目。
但我想能在这里使用CSS关键帧动画代替。 在列表中的最后一项是硬编码,并使用“浮动进入启动”级。 我似乎无法使NG-动画正确地运用这个类。 这似乎是设置NG-动画=“‘’浮动”应该工作,但事实并非如此。 我在想什么?
为什么你的CSS动画代码是不工作的原因是因为它使用CSS3的动画,而不是过渡。 眼下AngularJS ngAnimate还不支持CSS检测性能animation-(仅过渡)。 还有就是要得到一个请求,这个固定的这个星期,它我计划在周一和本周五之间做上来。
在此期间,如果你想仍然支持这点,你可以得到这个使用JavaScript动画一无所有函数体内的工作。 所有你要做的就是调用完成()方法后,你的CSS动画的XXXX毫秒。 然后在你的CSS代码(因为ngAnimate还增加了CSS类的元素),你可以使用相同的CSS动画代码,而只是使用总时间的函数体内部设置的超时内。
下面是该代码。 只包含来自前做实际的动画你的CSS代码。 https://gist.github.com/matsko/5426873