sử dụng loại trực tiếp để đặt lớp css với điều kiện if

Question

Tôi muốn đặt một lớp css bootstrap thành một khoảng với điều kiện (tối đa giá trị được liên kết). Tôi có trường isApproved trong danh sách, tôi muốn xem trường có lớp 'nhãn thành công' khi lớp đang hoạt động và 'nhãn quan trọng' khi lớp hoạt động và nhãn 'quan trọng' không hoạt động

Tôi đã thêm dòng này, nhưng tất cả thời gian lớp đầu tiên:

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

Có thể trong html hoặc tôi nên thêm trường được tính trên máy ảo của mình không?

Answer 1

Nếu tôi hiểu bạn đúng, đây là ràng buộc bạn đang tìm kiếm.

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

Tôi hy vọng điều đó sẽ hữu ích.

Answer 2

Bạn cũng có thể sử dụng toán tử ternary. Ví dụ:

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