文章/答案/技术大牛

发布

社区首页 >问答首页 >角度监听动画元素的变化状态

问角度监听动画元素的变化状态
EN

Stack Overflow用户

提问于 2021-11-28 13:03:12

回答 1查看 174关注 0票数 0

是否有一种方法可以在动画键上侦听与状态匹配的元素的更改？

例如，如果我们有以下元素：

<div id="first-div" @fadeInOut></div>
<div id="second-div" @fadeInOut @shaking></div>
<div id="third-div" @shaking></div>

我想听听哪个元素当前有fadeInOut动画，并确定它是在执行:enter还是:leave。

类似于：

animations.on('fadeInOut').subscribe((el) => {
  // el will tell us which element is animation and it's having which state.
});

angular

typescript

angular-animations

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-11-29 11:43:02

我们可以使用动画触发器回叫听动画阶段。

component.html

<div id="first-div" (@fadeInOut.start)="captureStartEvent($event)" @fadeInOut> 
</div>

component.ts

captureStartEvent(event: AnimationEvent) {
   
  }

供参考

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70143676

复制

相似问题

问角度监听动画元素的变化状态
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角度监听动画元素的变化状态EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角度监听动画元素的变化状态
EN