DK
Arsenii Tverdokhleb
ну да, изи вей)
ну как вариант, похоже на костыль))
Size: a a a
2018 April 18
AT
ну как вариант, похоже на костыль))
та не) ну как варик он парень написал в конце давай дисплей нан. Через опасите не очень тру ибо это тяжелее операция для браузера
S🥐
кейфреймс использовать? я добавляю дисплей блок и опасити 0 в начало транзишена, как временные стили, а анимируется только опасити.
transition('* => youanimation', [
animate('300ms ease-in', keyframes([
style({opacity: '1', offset: 0}),
style({opacity: '0.5', offset: 0.5}),
style({opacity: '0', offset: 0.9}),
style({display: 'none', offset: 1})
]))
])
animate('300ms ease-in', keyframes([
style({opacity: '1', offset: 0}),
style({opacity: '0.5', offset: 0.5}),
style({opacity: '0', offset: 0.9}),
style({display: 'none', offset: 1})
]))
])
S🥐
Arsenii Tverdokhleb
та не) ну как варик он парень написал в конце давай дисплей нан. Через опасите не очень тру ибо это тяжелее операция для браузера
не то чтобы тяжело для браузера, но соглашусь, что будет больше нагрузка на броузер в случае анимки через опасити, чем с высотой
DK
transition('* => youanimation', [
animate('300ms ease-in', keyframes([
style({opacity: '1', offset: 0}),
style({opacity: '0.5', offset: 0.5}),
style({opacity: '0', offset: 0.9}),
style({display: 'none', offset: 1})
]))
])
animate('300ms ease-in', keyframes([
style({opacity: '1', offset: 0}),
style({opacity: '0.5', offset: 0.5}),
style({opacity: '0', offset: 0.9}),
style({display: 'none', offset: 1})
]))
])
да, я тоже так же в конце добавлял дисплей нон, но он почему-то не оставался на елементе
S🥐
аааа
S🥐
можно попробывать убрать
display: none из анимации ангуляраS🥐
и попробывать добавить так
<your-component
(@myAnimationTrigger.done)="animationDone($event)"
[@myAnimationTrigger]="myStatusExp">
</your-component>
// your.component.ts
animationDone(event) { // тут как тебе будет удобнее всего применить на элемент `display:none`}
S🥐
да, я тоже так же в конце добавлял дисплей нон, но он почему-то не оставался на елементе
если не читал, то советую вот это - https://habrahabr.ru/company/infowatch/blog/353150/
S🥐
там есть ответы на многие вопросы по анимке
DK
аааа
кстати, да, можно по окончанию анимации событие запустить, хорошая идея. Спасибо почитаю. Единственное, что я не понимаю почему дисплей не аплается, а все другие да.
S🥐
кстати, да, можно по окончанию анимации событие запустить, хорошая идея. Спасибо почитаю. Единственное, что я не понимаю почему дисплей не аплается, а все другие да.
может быть приоритетность цсс который вставляется из анимации ангуляра ниже чем тот, который уже есть на элементе
DK
может быть приоритетность цсс который вставляется из анимации ангуляра ниже чем тот, который уже есть на элементе
маловероятно, он же ставится динамически, если импортанта нету, то не должно..а как ты обычно хайдишь елементы? например, под линкой плавное выпадение дропдауна
S🥐
маловероятно, он же ставится динамически, если импортанта нету, то не должно..а как ты обычно хайдишь елементы? например, под линкой плавное выпадение дропдауна
я в большинстве случаев юзаю нативную цсс анимацию, ещё не сталкивался с необходимостью анимки конкретно на компоненты ангуляра или элементы которые покрыты
ngIf или ngForDK
я в большинстве случаев юзаю нативную цсс анимацию, ещё не сталкивался с необходимостью анимки конкретно на компоненты ангуляра или элементы которые покрыты
ngIf или ngForДинамически добавляешь класс?
DK
С нгИф все проще, как мне показалось там ентер/лив все работает, мороки с дисплеем нет)
S🥐
Динамически добавляешь класс?
объявляю на нужном месте
но есть подозрение, что прям лютых эдж кейсов ещё не было и я пересмотрю свой подход
transition или animation и всьоно есть подозрение, что прям лютых эдж кейсов ещё не было и я пересмотрю свой подход
S🥐
у меня мало чего динамического, прям того что генериться, обычно знаю где и на каком элементе будет анимка
DK
объявляю на нужном месте
но есть подозрение, что прям лютых эдж кейсов ещё не было и я пересмотрю свой подход
transition или animation и всьоно есть подозрение, что прям лютых эдж кейсов ещё не было и я пересмотрю свой подход
окей, ясно, спасибо!
S🥐
окей, ясно, спасибо!
пожалуйста )