角度、CSS 转换和转换后更改类

编程问答 2022-08-07

问题描述

我的模板中有一个如下所示的元素：

<div [ngClass]="isClosed ? 'closeDiv' : ''"></div>

在点击事件中，我设置了 isClosed = true 并且模板添加了 closeDiv 类。

这个类触发一个 2000 毫秒的 CSS 转换。

现在，转换完成后，我还想更改 css display 属性。

最有棱角的处理方式是什么？我最初的想法：

<div [ngClass]="{'closeDiv' : isClosed,'hideDiv' : isHidden}" >

然后在我的 onclick 事件函数中：

closeDiv(): void {
    this.isClosed  = true;
    setTimeout(() => {
        this.isHidden = true;
    },2000)
}

然后我的 .hideDiv css 会将 display 属性设置为 none。

...但是...setTimeout 总是让人感觉很糟糕。有没有更好的方法来处理这个问题？或者这是一条可以接受的路线？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularcss-animationscss-transitions