Используя нокаут для установки класса css с условием if

Я хочу установить класс bootstrap css в span с условием if (до привязанного значения). У меня есть поле isApproved в списке, я хочу видеть поле с классом "label-success", когда его активный и "ярлык-важный" класс, когда его неактивный

Я добавил эту строку, но все время взял ее первый класс:

data-bind="text: isApproved, css: isApproved = 'true' ? 'label label-important' : 'label label-important'"

Возможно ли это в html или я должен добавить вычисленное поле на моей виртуальной машине?

Ответ 1

Если бы я понял, что вы прав, это обязательная привязка, которую вы ищете.

 data-bind="text: isApproved, css: {
    'label' :  true,
    'label-success' :  isApproved(),
    'label-important':  !isApproved()
 }"

Надеюсь, это поможет.

Ответ 2

Вы также можете использовать тройной оператор. Например:

<span class="label" data-bind="text: isApproved, css: isApproved() == true ? 'label-success' : 'label-important'"></span>