Ich habe viele Leute hier in der Gegend gesehen, die über Angular Animationen sprechen. Nun, keine Lösung funktioniert für mich. Ich benutze derzeit Angular 4, mit eckigen cli v1.1.1. Ich verwende Angular Animation in mehreren Schritten meiner Anwendungen, auch in meinem Router-Outlet. In Safari 10/11 (Handy) werden derzeit keine Animationen angezeigt. In meinem polyfills.ts habe ich die folgende Codezeile import 'web-animations-js';, die auf jedem Browser funktionieren sollte, der Angular Animationen nicht vollständig unterstützt. Auf IE 10/11 funktioniert es, nicht perfekt, aber es funktioniert. Firefox auch. Das eigentliche Problem bei Mobile Safari 10/11 ist die animate Syntax. Mit dieser speziellen Syntax würde jede Animation nicht funktionieren. mein router-outlet zeigt nicht einmal.Angular 4 Animationen funktionieren nicht auf iOS Safari 10/11
Ich kann nicht verstehen, warum das nicht funktioniert, keine Ahnung? Vielen Dank im Voraus!
EDIT:
initial: style({ transform: 'translateY(100vh)' }), animate: animate( ${phaseDuration}ms ${phaseDuration}ms ease-in, style({ transform: 'translateY(0)' }) ) };
Dies ist der Code, der alles bricht, innerhalb che Übergang geben
Ich vermute, Sie haben 'npm installieren die Animationen Polyfill, oder? –
@OsmanCea Ja, habe ich. Ich verwende nicht die letzte Version von Angular (mit 4.0.0 für einige Geschäftsanforderungen). und Web-Animation-js v.2.3.1 – sgrumo