[ ] 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
イベントは1回だけ発行されます。イベントを再び機能させるには、新しいプレーヤーを作成する必要があります。
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の再利用性の目的を損なうため、非常に面倒です。
ここで再現されたAngular8.0の問題: https :
最も参考になるコメント
これは、AnimationPlayerの再利用性の目的を損なうため、非常に面倒です。
ここで再現されたAngular8.0の問題: https :