Анимация Angular7 не запускается после сборки в библиотеку - PullRequest
0 голосов
/ 08 ноября 2018

Я встроил базовый компонент обмена сообщениями непосредственно в app.component.ts, а затем, когда меня порадовали функциональность и анимация, я переместил все в библиотеку, собрал ее и импортировал обратно в app.module.ts. Функциональность и стили были именно такими, какими они были до того, как я его переместил, но теперь анимация вообще не работает. Сообщение: ввод и: оставить стили применяются без перехода. Ошибки не генерируются.

Чтение по сетям выглядит так, как будто эта проблема была исправлена ​​еще в декабре 2017 года. Этот вопрос выглядит точно так же, как у меня, но это для Angular5, и в принятом ответе показан PR, который его исправил.

Есть идеи?

фрагмент кода

@Component({
  selector: 'message-bank',
  templateUrl: './message-bank.component.html',
  styleUrls: ['./message-bank.component.css'],
  animations: [
    trigger('myInsertRemoveTrigger', [
      state('in', style({opacity: 1, maxHeight: '75px'})),
      transition(':enter', [
        style({ opacity: 0, maxHeight: '0px'}),
        animate('0.6s cubic-bezier(0.1, 0.9, 0.95, 1.0)', style({ opacity: 1, maxHeight: '75px'})),
      ]),
      transition(':leave', [
        animate('0.6s cubic-bezier(0.1, 0.9, 0.95, 1.0)', style({ opacity: 0, maxHeight: '0px' }))
      ])
    ]),
  ],
})

WTH Редактировать:

Я только что добавил службу в другой компонент, ожидая, когда вы, добрые люди, отправите ответы. После того, как я перестроил библиотеку и ng s они теперь работают. Что за черт? Я не изменил ничего в анимации или модуле, используя его, кроме импорта сервиса в компонент внутри библиотеки. Может ли это быть как-то связано с этим?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...