angular 2+ 和 kendo angular 添加计算类答案

【问题标题】：angular 2+ and kendo angular add computed classangular 2+ 和 kendo angular 添加计算类
【发布时间】：2020-02-15 09:15:02
【问题描述】：

我想将 css 类添加到我的 span 元素 class="badge badge-danger"

<kendo-grid-column field="inactive" title="Enabled" width="20%">
    <ng-template kendoGridCellTemplate let-subType>
        <span [class]="'badge badge-' + subType.inactive ? 'danger' : 'primary'">123</span>
    </ng-template>
</kendo-grid-column>

但结果我有<span class="danger"

我做错了什么？

【问题讨论】：

标签： angular kendo-grid kendo-angular-ui

【解决方案1】：

使用括号

[class]="'badge badge-' + (subType.inactive ? 'danger' : 'primary')"

【讨论】：