0

I want to add css class to my span element 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>

But in result I have <span class="danger"

What am I doing wrong?

A. Gladkiy
  • 3,134
  • 5
  • 38
  • 82

1 Answers1

2

use parenthesizes

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

canbax
  • 3,432
  • 1
  • 27
  • 44