Javascript 聚合物&x27;s与Angularjs一起使用的动画页面

Javascript 聚合物&x27;s与Angularjs一起使用的动画页面,javascript,angularjs,polymer,material-design,Javascript,Angularjs,Polymer,Material Design,我想问一下,是否有与Polymer的动画页面相关的示例,以及我们如何使用Angular/material repo()中提供的资源构建类似的演示 我想实现,但我不想使用聚合物,因为我想使用角 你能为我提供一些开始的指导吗?他们通常用聚合物做的是有两个连接的元素,它们只显示一个,当你执行一些动作时,另一个显示出来(从显示:无),并从特定的维度动画到最终形式。有时元素也会移动,但这取决于内容是否能够移动到新位置 您必须使用csstransition、transform和display。有时甚至自定义

我想问一下,是否有与Polymer的动画页面相关的示例,以及我们如何使用Angular/material repo()中提供的资源构建类似的演示

我想实现,但我不想使用聚合物,因为我想使用角


你能为我提供一些开始的指导吗?

他们通常用聚合物做的是有两个连接的元素,它们只显示一个,当你执行一些动作时,另一个显示出来(从
显示:无
),并从特定的维度动画到最终形式。有时元素也会移动,但这取决于内容是否能够移动到新位置

您必须使用css
transition
transform
display
。有时甚至自定义动画。你主要是把多个div改成它们的最终形式。我认为最困难的将是动画的颜色(从白色到粉红色或从黄色到绿色的例子),因为这些是最困难的(性能方面)

如果您查看已设置的示例(最终链接),您会看到有一个带有细节div的项目列表,单击该项目后,您将显示细节并将内容转换为最终尺寸

只要知道,如果你不太喜欢Angular或HTML/CSS/Javascript,这些事情就相当困难

Polymer for Web的框架在很大程度上是一项正在进行的工作,如果用几个月的时间来获得native和Web的类似结果,我也不会感到惊讶

你可以像这样举个例子:或。别忘了用一些像这样的引导主题来加速它

我一直在努力解决同样的问题,因为现在没有太多的事情要做。你说明了角度项目,但这需要时间。如果你想现在就做,你必须做很多工作(如果你做了,请与我们分享),但是你最好推迟到大部分bug和问题解决之后再做。 这就是我现在正在做的