动态 class 绑定在 angular 9 中不起作用
dynamic class binding not working in angular 9
我需要根据某些条件为 div 显示动态颜色。我收到控制台错误。
我试过了
<div [ngClass]="{'clr-{{students.rollNo+1}}': students.active}"></div>
students 是我的数组,我在 css
中有一个名为 .clr-5、clr-6 等的 class
试试这个:
<div [ngClass]="[ students.active ? 'clr-'+students.rollNo+1 : '']"></div>
class 绑定在 Angular 9 中更新。Read more about it here
字符串插值在 属性 绑定中不起作用。你应该这样处理:
<div [ngClass]="{`clr-${students.rollNo+1}`: students.active}"></div>
我需要根据某些条件为 div 显示动态颜色。我收到控制台错误。
我试过了
<div [ngClass]="{'clr-{{students.rollNo+1}}': students.active}"></div>
students 是我的数组,我在 css
中有一个名为 .clr-5、clr-6 等的 class试试这个:
<div [ngClass]="[ students.active ? 'clr-'+students.rollNo+1 : '']"></div>
class 绑定在 Angular 9 中更新。Read more about it here
字符串插值在 属性 绑定中不起作用。你应该这样处理:
<div [ngClass]="{`clr-${students.rollNo+1}`: students.active}"></div>