CSS3 Преобразование различий между Angular 2 и Angular 7 - PullRequest
0 голосов
/ 20 февраля 2019

Я недавно перенес унаследованное приложение Angular 2 в Angular 7.2.Были десятки проблем, которые требовали разрешения, но я перешел к последнему вопросу, связанному с анимационными преобразованиями.

Приведенный ниже код прекрасно работает в версии приложения Angular 2, но выдает ошибки времени выполнения.Угловая 7 версия.Это верно для браузеров Chrome и Safari.Если я выделю первые 4 строки преобразования, приложение Angular 7 будет работать без ошибок (и анимация работает!).

      state('*', style({
            '-ms-transform': 'translate3D(0px, 0px, 0px)',
            '-webkit-transform': 'translate3D(0px, 0px, 0px)',
            '-moz-transform': 'translate3D(0px, 0px, 0px)',
            '-o-transform':'translate3D(0px, 0px, 0px)',
            transform:'translate3D(0px, 0px, 0px)',
            opacity: 1})),

Сообщение об ошибке в Chrome ** Uncaught (в обещании): Ошибка:Не удалось создать триггер анимации «cardphone» из-за следующих ошибок: - Предоставленное свойство анимации «ms-transform» не поддерживается CSS-свойством для анимаций. «Эта ошибка повторяется для всех четырех преобразований, специфичных для браузера.

В обеих средах нет ошибок компилятора - это проблема времени выполнения.

Может ли кто-нибудь пролить свет на различное поведение между версиями Angular?

...