Javascript ngClass不同时显示两个类

Javascript ngClass不同时显示两个类,javascript,html,css,angular,Javascript,Html,Css,Angular,我有一个ngClass指令,它不显示两个类,只显示其中一个。 我通过{className:condition,className2:condition}调用了这些类。它们应该在满足一些非独占条件时显示,但我不能同时看到它们(应该显示两个小“!”标记,每个类一个) ngClass指令 <div class="custom-table-row" *ngFor="let item of list;" (click)="select( item, $event )" (dblclick)="vie

我有一个ngClass指令,它不显示两个类,只显示其中一个。 我通过{className:condition,className2:condition}调用了这些类。它们应该在满足一些非独占条件时显示,但我不能同时看到它们(应该显示两个小“!”标记,每个类一个)

ngClass指令

<div class="custom-table-row" *ngFor="let item of list;" (click)="select( item, $event )" (dblclick)="view( item )"
[ngClass]="{ 'active': action.exists( item ),  'notificationempaque': tieneEmpaque( item ),   'notificationauto': item.actividadPendiente( auth.user.id )}" >
两者都是相同的,但其中一个的起始位置不同,因此它们不会重叠

我尝试过用不同的方式编写它,使用2个NGCLASE,并为它创建一个样式表

.table-custom .custom-table-row.notificationauto.notificationempaque

但似乎什么都不起作用。

您的问题是您想在一个元素上应用两个
:在
选择器之前。这是不可能的。每个元素只能有一个
:before
和一个
:after
选择器

您现在正在覆盖它

为此,我建议您将一个div封装在另一个div中,并将
:before
应用于不同的div


省略
:在
之前,通过JavaScript而不是CSS添加图像。

我们不需要CSS代码,但是JavaScript代码会有所帮助。我不太确定您参考的是什么JS代码,但我在这里使用的唯一JS代码是计算为true或false以决定是否显示该类的代码。编辑:这些被证明是有效的。它们可能是问题的原因吗?您可以执行类似于
[class.active]=“action.exists(item)”[class.notificationempaque]=“tieneEmpaque(item)”
的替代操作,遗憾的是,它显示了相同的结果。谢谢你!您是否尝试过深入研究
action.exists(item)
tienempaque(item)
item.actividapendente(auth.user.id)
,以确保它们按预期进行评估?非常感谢!这就是问题所在。由于“item”是数组元素,所以我无法将它包装到另一个div中,但我能够让这两个类在其中一个上使用:after来显示,尽管我不太清楚它为什么会起作用。非常感谢。
.table-custom .custom-table-row.notificationauto.notificationempaque