Angular 基于数组元素应用多种样式

Angular 基于数组元素应用多种样式,angular,less,Angular,Less,我目前正在创建一个活动用户和非活动用户的数组,我想知道是否可以根据所述用户是活动用户还是非活动用户来设置表中特定行的样式 可以将样式附加到角度方向的数组中吗?例如,假设我正在从学生数据库中检索数据,根据他们是否处于活动/非活动状态,我可以动态地对该行应用样式 一个简单的方法可能是为学生创建两个单独的数组,然后根据我们的目标数组应用样式,但是如果我想节省一些空间并将所有内容都保存在一个数组中,有没有办法 下面是一些代码: <user-table [loadingError]="_loadin

我目前正在创建一个活动用户和非活动用户的数组,我想知道是否可以根据所述用户是活动用户还是非活动用户来设置表中特定行的样式

可以将样式附加到角度方向的数组中吗?例如,假设我正在从学生数据库中检索数据,根据他们是否处于活动/非活动状态,我可以动态地对该行应用样式

一个简单的方法可能是为学生创建两个单独的数组,然后根据我们的目标数组应用样式,但是如果我想节省一些空间并将所有内容都保存在一个数组中,有没有办法

下面是一些代码:

<user-table [loadingError]="_loadingError"
    [loading]="_loadingUsers"
    [users]="_users">
</user-table>

\u users
是我在相应的TypeScript文件中创建的数组。我能说些什么吗

如果([users].firstName==“John”)从.less文件应用johnStyles

如果需要,我可以澄清。

对于角度1.x
ng class
指令允许向元素动态添加类<代码>ng样式对内联css样式执行相同的操作

.active{
背景色:红色;
}

{{u.name}