带角度动画的最新角度

时间:2017-07-13 12:56:57

标签: angularjs angular

我从头开始重建一个应用程序,最初是作为jquery / bootstrap / kendo ui mess开始的,但将会是一个有角度的(2/4)/ kendo应用程序。

我使用的是jQuery slideUp / slideDown:

$('#id').slideUp('slow');
$('#id').slideDown('slow'); 

根据需要显示和隐藏div内容。我发现了有角度的动画,这看起来很合适,但我认为角度动画适用于Angular 1.x?要将ngAnimate添加为依赖项,可写入:

angular.module('myApp', [require('angular-animate')]);

这可以用于最新的角度,还是有解决方法?

谢谢!

1 个答案:

答案 0 :(得分:2)

最新角色的动画。

npm i @angular/animations

在主模块中启用动画,如下所示:

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

包括这样的动画:

import {
  trigger,
  state,
  style,
  animate,
  transition
} from '@angular/animations';

以下是包含代码示例的链接。

https://angular.io/guide/animations

因为你来自Angular 1.这将是一个gud起点:

http://developer.telerik.com/topics/web-development/nganimate-angular-2-animate/

希望这有帮助。