przy użyciu nokautu do ustawienia klasy css z warunkiem Jeśli:

Question

Chcę ustawić klasę css bootstrap na zakres z warunkiem (do wartości powiązanej). Mam isApproved pole na liście, chcę zobaczyć pole z klasą "sukcesu etykiety", gdy jest ono aktywne i klasa "ważna dla etykiety", gdy jest nieaktywna Dodałem tę linię, ale cały czas jej przyjmowanie pierwsza klasa:

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

Czy jest to możliwe w html lub powinienem dodać pole obliczeniowe na mojej maszynie wirtualnej?

Answer 1

Jeśli dobrze cię zrozumiałem, to jest to wiązanie, którego szukasz.

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

Mam nadzieję, że pomoże.

Answer 2

Możesz również nas, trójstronnego operatora. Na przykład:

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