I need to change the color of the student's status on the page, and I wanted to do this using the angle, can someone help me how do I do this using the value of the element?
HTML:
<tbody>
<tr ng-repeat="item in filtered = (filterList | filter: {cod_bolsa : clientSearch || undefined}: true) | start: (currentPage - 1) * maxPerPage | limitTo: maxPerPage">
<td>{{item.nome_aluno | uppercase }}</td>
<td ng-class="{'green': item.status_aluno == 'Ativo' , 'red': item.status_aluno == 'Cancelado' , 'orange': item.status_aluno == 'Substituído'}">{{item.status_aluno}}</td>
<td>{{item.nome_orientador}}</td>
<td>{{item.nome_coorientador}}</td>
<td>{{item.departamento}}</td>
<td>{{item.numero_edital}}</td>
<td>{{item.tipo_bolsa | uppercase }}</td>
</tr>
</tbody>
CSS:
.red{
color: red;
}
.green {
color: green;
}
.orange{
color: orange;
}
Iusedthehintgiveninthegringostackoverflow: link but it is not working.