[ ] Regression (a behavior that used to work and stopped working in a new release)
[x] Bug report <!-- Please search GitHub for a similar issue or PR before submitting -->
[ ] Performance issue
[ ] Feature request
[ ] Documentation issue or request
[ ] Support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
[ ] Other... Please describe:
AnimationPlayer onStart
๋ฐ onDone
์ด๋ฒคํธ๋ ํ ๋ฒ๋ง ๋ฐ์ํ๋ฏ๋ก ์ด๋ฒคํธ๋ฅผ ๋ค์ ์๋ํ๋ ค๋ฉด ์ ํ๋ ์ด์ด๋ฅผ ๋ง๋ค์ด์ผํฉ๋๋ค.
AnimationPlayer onStart
๋ฐ onDone
์ด๋ฒคํธ๋ ์ฒซ ๋ฒ์งธ ์ฌ์ ํ ๋ค์ ์๋ํฉ๋๋ค.
this.animationBuilder.build([
query(
'.child-element',
[
stagger(100, [useAnimation(animation)])
]
)
]);
this.player = builder.create(this.el.nativeElement);
this.player.onStart(() => {
console.log('animation onStart');
});
this.player.onDone(() => {
console.log('animation onDone');
});
https://stackblitz.com/edit/angular-bynhgg?file=src/app/app.component.ts
ํ๋ ์ด์ด๋ฅผ ์ฌ์ฌ์ฉ ํ ์ ์์ต๋๋ค.
Angular version: 7.0.0
<!-- Check whether this is still an issue in the most recent Angular version -->
Browser:
- [x ] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
For Tooling issues:
- Node version: 8 <!-- run `node --version` -->
- Platform: Windows
Others:
<!-- Anything else relevant? Operating system version, IDE, package manager, HTTP server, ... -->
# 26095์ ๊ด๋ จ์ด์์ ์ ์์ต๋๋ค.
์ด๊ฒ์ AnimationPlayer์ ์ฌ์ฌ์ฉ ๋ชฉ์ ์ ๋ฌด๋ ๋จ๋ฆฌ๊ธฐ ๋๋ฌธ์ ์ ๋ง ์ง์ฆ๋ฉ๋๋ค.
Angular 8.0 ๋ฌธ์ ์ฌํ : https://stackblitz.com/edit/angular-na3vhi
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ด๊ฒ์ AnimationPlayer์ ์ฌ์ฌ์ฉ ๋ชฉ์ ์ ๋ฌด๋ ๋จ๋ฆฌ๊ธฐ ๋๋ฌธ์ ์ ๋ง ์ง์ฆ๋ฉ๋๋ค.
Angular 8.0 ๋ฌธ์ ์ฌํ : https://stackblitz.com/edit/angular-na3vhi