动画中的Angular 2动态值

时间:2016-07-29 19:44:23

标签: angular ionic2 web-animations

我刚刚开始搞乱Ng2,现在我正在开发一款带有ionic2的应用程序。 我是第一次深入研究动画部分而且遇到了一些问题。

我有一个基本上重复不同宽度的ng。数组中的每个元素都有自己的div宽度值,该值是通过组件的onInit方法计算出来的。在动画之前,我通过[style.width]="expresson"绑定了宽度。文档说你可以使用' *'来定义动画结束状态样式。这意味着它将从计算出的样式中获得正确的值,但是当我自己以编程方式设置宽度时,这并不起作用。

所以,问题是,如何在更改宽度时动画要么动画,要么动态设置结束状态的值? 谢谢!

编辑:这里有plunkr的例子。我将动画设置后的最终宽度设置为50%,但我遇到的问题是将最终宽度设置为组件数组中定义的值。只需删除html中的@animation即可查看我想要的最终结果。

0 个答案:

没有答案