Angular-2 +动画中的css空间

时间:2018-04-23 07:50:51

标签: angular typescript angular2-template angular2-forms

状态样式的角度4动画中的

https://angular.io/guide/animations为什么不支持前缀?

在这个plunker

https://plnkr.co/edit/ALfIp5nfno2uxBgXEBST

当我尝试添加css样式

 animation-delay: 2s;

状态风格

 state('visible', style({ left: '0', transition: '650ms ease-in-out', })),

它给了我一个错误(TypeScript ':' expected. (TS1005)

所以我想添加一些css规则来支持其他浏览器,就像firefox(-moz前缀)一样,但它不接受任何前缀)

任何解决方法或解决方案?

1 个答案:

答案 0 :(得分:0)

指南

  

角度动画构建于标准Web动画API之上   并在支持它的浏览器上本机运行。

     

对于其他浏览器,需要填充。取消注释   web-animations-js polyfill来自polyfills.ts文件。

这是在polyfill.ts文件中取消注释web-animations-js并安装它