基于变量值的类绑定不起作用

Posted 2023-01-24

我试图动态地定义一个类到TD中，就像这样。

 <td [className]="'myProject.OverallProjectStatus'" >myProject.OverallProjectStatus</td>

但在渲染时，它显示

 <td class="myProject.OverallProjectStatus" >Green</td>

我期待着那个变量后面的值Green他们是这样的

 <td class="Green" >Green</td>

如何才能实现？我在Angular 9中工作

答案

移除 '，你只需要 ".

<td [className]="myProject.OverallProjectStatus" >myProject.OverallProjectStatus</td>

另一答案

控制器变量在属性绑定中用双引号或单引号引用。以下是对控制器中有效成员变量的引用。

指的是成员变量

<td [className]="myProject.OverallProjectStatus">myProject.OverallProjectStatus</td>

OR

<td [className]='myProject.OverallProjectStatus'>myProject.OverallProjectStatus</td>

如果你把它们混在一起，用另一组引号括住内部变量名，那么这个变量将被视为字符串文字。

指的是字符串文字。

<td [className]="'myProject.OverallProjectStatus'">myProject.OverallProjectStatus</td>

OR

<td [className]='"myProject.OverallProjectStatus"'>myProject.OverallProjectStatus</td>

虽然常用的表示成员变量和字符串文字的惯例是...。"myProject.OverallProjectStatus" 和 "'myProject.OverallProjectStatus'" 分别是：