Angular: AnimationPlayer onStart ๋ฐ onDone ์ด๋ฒคํŠธ๋Š” ํ•œ ๋ฒˆ๋งŒ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2018๋…„ 10์›” 21์ผ  ยท  1๋…ผํ‰  ยท  ์ถœ์ฒ˜: angular/angular

์ œ์ถœ ์ค‘์ž…๋‹ˆ๋‹ค ...


[ ] 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์™€ ๊ด€๋ จ์ด์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

P4 animations high bufix

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์ด๊ฒƒ์€ AnimationPlayer์˜ ์žฌ์‚ฌ์šฉ ๋ชฉ์ ์„ ๋ฌด๋„ˆ ๋œจ๋ฆฌ๊ธฐ ๋•Œ๋ฌธ์— ์ •๋ง ์งœ์ฆ๋‚ฉ๋‹ˆ๋‹ค.

Angular 8.0 ๋ฌธ์ œ ์žฌํ˜„ : https://stackblitz.com/edit/angular-na3vhi

>๋ชจ๋“  ๋Œ“๊ธ€

์ด๊ฒƒ์€ AnimationPlayer์˜ ์žฌ์‚ฌ์šฉ ๋ชฉ์ ์„ ๋ฌด๋„ˆ ๋œจ๋ฆฌ๊ธฐ ๋•Œ๋ฌธ์— ์ •๋ง ์งœ์ฆ๋‚ฉ๋‹ˆ๋‹ค.

Angular 8.0 ๋ฌธ์ œ ์žฌํ˜„ : https://stackblitz.com/edit/angular-na3vhi

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰