动态类绑定在angular 9中不起作用

Question

基于某些条件，我需要显示div的动态颜色。我收到控制台错误。

我试过了

<div [ngClass]="{'clr-{{students.rollNo+1}}': students.active}"></div>

学生是我的数组，我有一个名为.clr-5，clr-6等的类...在css中

Answer 1

试试这个：

<div [ngClass]="[ students.active ? 'clr-'+students.rollNo+1 : '']"></div>

类绑定在Angular 9.中进行了更新。Read more about it here

Answer 2

字符串插值在属性绑定中不起作用。你应该像这样处理：

<div [ngClass]="{`clr-${students.rollNo+1}`: students.active}"></div>