spätes eckiges mit angular-animate

Question

Ich repariere eine Anwendung von Grund auf, die als jquery/bootstrap/kendo ui Verwirrung anfing, aber eine eckige (2/4)/kendo APP ist, die vorwärts geht.

Ich war mit jQuery slideUp/slidedown:

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

div-Inhalt auf einer Basis nach Bedarf ein- und ausgeblendet. Ich fand eckig-animiert, was scheint, als ob es gut passt, aber ich denke eckig-animiert ist für Angular 1.x? So fügen Sie ngAnimate als Abhängigkeit, schreibt man:

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

Kann dies in dem aktuellen Winkel verwendet werden, oder ist es eine Abhilfe?

Vielen Dank!

Answer 1

Es animiert in Latest Angular.

npm i @angular/animations 

aktivieren Animation in Hauptmodul wie folgt aus:

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

diese Include-Animation wie:

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

Hier ist der Link, der auch Codebeispiele hat.

https://angular.io/guide/animations

Da Sie von Angular 1. kommenden Dies wird ein gud Ausgangspunkt:

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

Hoffnung, das hilft.