html - 如何在angular9中动态添加类名

Question

我想添加类名，如下所示。基于函数输出，我想添加徽章主要/成功/危险。

<div class="float-right badge badge-primary"></div>

我尝试了以下方式，但它不起作用。请提出解决方案。

<span class="float-right + viewModel.fetchBadgeColor(staus)"></span>

标签： htmlangular9

Answer 1

由于类名是动态的，我知道的唯一方法是：

<span [class]="'float-right' + viewModel.fetchBadgeColor(staus)"></span>

由于您分配给类属性的值是动态的，因此您需要将属性名称包装在 [] 中。