knockout.js - 使用淘汰赛设置带有 if 条件的 css 类

Question

我想将引导 css 类设置为带有 if 条件的跨度（直到绑定值）。我有isApproved一个列表中的字段，我想在其处于活动状态时查看带有“标签成功”类的字段，在其不活动时查看带有“标签重要”类的字段

我添加了这条线，但它一直是头等舱

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

是否可以在 html 中或者我应该在我的 VM 上添加一个计算字段？

score 62 · Accepted Answer

如果我理解正确，这就是您正在寻找的绑定。

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

我希望它有所帮助。

score 39 · Accepted Answer

三元运算符示例

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

2 回答 2