带角度动画的最新角度

Question

我正在重新构建一个从jquery/bootstrap/kendo ui乱七八糟开始的应用程序，但它将是一个angular(2/4)/kendo应用程序。

我正在使用jQuery slideUp/slideDown：

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

根据需要显示和隐藏div内容。我找到了angular-animate，它看起来很适合，但我想angular-animate是针对Angular 1.x的吗？要将ngAnimate添加为依赖项，您可以这样写：

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

这可以在最新的angular中使用吗，或者有变通方法吗？

谢谢!

Answer 1

它的动画是最新的角度。

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来的。这将是一个很好的起点：

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

希望这能有所帮助。