Я встроил базовый компонент обмена сообщениями непосредственно в 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
они теперь работают. Что за черт? Я не изменил ничего в анимации или модуле, используя его, кроме импорта сервиса в компонент внутри библиотеки. Может ли это быть как-то связано с этим?