是否可以在 4 秒的时间延迟后以 angular 调用 css 类?

Question

我正在尝试显示吐司。 如果有两个事件。一个接一个地显示。它们都使用相同的类。但我需要一个接一个地称呼他们。所以我想知道是否可以在 4 秒后再次调用 css 类？

Answer 1

我认为您可以在这里做的是在组件中定义类，例如：

cls: string = 'initialClassName';

您可以使用"setTimeout"在一定时间后更改类名：

ngOnInit() {
setTimeout( () => {
this.cls = 'afterClassName'
}, 4000);
}

在模板中使用 ngClass 包含动态类名：

<div [ngClass]="cls"></div>