angular 2+ 和 kendo angular 添加计算 class

Question

我想将 css class 添加到我的 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"

我做错了什么？

Answer 1

使用括号

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

angular 2+ 和 kendo angular 添加计算 class

angular 2+ and kendo angular add computed class

angular

kendo-grid

kendo-angular-ui