angular2组件过渡动画

Question

如何在angular2中制作页面过渡动画？

我试试这是代码,但没有工作

@Component({
   selector:'myPagefirstPage', 
})

@View({
   template: `<div  class="view-animate ng-animate" > 
                 <h1>First Page</h1>
              </div>`

我把我的动画类放在这样的css文件中

.view-animate.ng-enter {....}

但它不起作用

Answer 1

截至 2015 年 12 月，动画尚未在 Angular 2 beta 版本中实现，而是在最终版本中实现。

\n\n

http://angularjs.blogspot.com.au/2015/12/angular-2-beta.html

\n\n

\n

接下来是什么？

\n\n

我们已经在努力进行一系列改进，以将 Angular\n 2 推向完整的最终版本。虽然我们将做出许多小的改进，但最终的重大改进是：

\n\n

\n
1. 减少 Angular 2 的有效负载大小。
\n
2. 使 Angular CLI 在整个开发过程中端到端可用。
\n
3. 为组件路由器创建更适合开发人员的路由定义和链接 API。
\n
4. 支持动画。
\n
5. I18n 和 L10n 支持。
\n

\n

\n\n

编辑：动画现在位于 - http://angularjs.blogspot.com.au/2016/06/rc2-now-available.html

\n\n

\n

RC2 现已上市

\n\n

今天我们\xe2\x80\x99很高兴地宣布我们正在发布 Angular 2.0.0-rc2。

\n\n

此版本包括：

\n\n

\n
1. 动画框架
\n

\n\n

...

\n

\n