活动类适用于错误但不适用于消息和警告

【问题标题】：Active class works with error but not message and warning活动类适用于错误但不适用于消息和警告
【发布时间】：2021-11-20 15:00:30
【问题描述】：

我有一个组件，其成员名为capsLockIsOn。这非常有效：

<div class="error" [class.active]="capsLockIsOn">Caps is on!</div>

但是，当我更改为 class="warning" 或 class="message" 时，它不起作用。 “它不起作用”是指它不断显示“Caps is on！”不管它是打开还是关闭。组件中的代码就是这样：

this.CapsLockIsOn = event.getModifierState && event.getModifierState('CapsLock');

但正如我所说。它适用于类错误，但不适用于警告和消息。为什么？我该如何解决？

【问题讨论】：

【解决方案1】：

根据您的描述，您的 warning 和 message 类中似乎没有描述“活动”状态的 CSS。

您想要做的是将您的错误与活动相同的类属性添加到warning 和message。

所以在你的样式表的某个地方你有类似的东西：

.error.active{
  ...
}

但不是：

.warning.active{
  ...
}
.danger.active{
  ...
}

【讨论】：