quotout.js-在表值上显示图像基础

Question

我有一个带9列的表。我想使用QuintOutJS可以做的是，根据某些列是否为空，显示了三个图像中的1个。Bellow代码显示了我最新的Atempt，但是它将所有3张图像放在单元格中，就好像所有内容都在返回true一样。

<tbody data-bind="foreach:xrefs">
    <tr>
        <td>

            @*<img data-bind="if: API14 == null || PROP_NM == null || PROD_ZONE_NM == null || LEASE_NAME == null || WELL_NO == null" src="~/img/warning_25.png" />
            <img data-bind="if: PROP_NO == null || ENTITY == null" src="~/img/error-25.png"/>
            <img data-bind="ifnot: PROP_NO == null || ENTITY == null || API14 == null || PROP_NM == null || PROD_ZONE_NM == null || LEASE_NAME == null || WELL_NO == null " src="~/img/green_Chk_25.png" />*@
        </td>

        <td data-bind="text:API14"></td>
        <td data-bind="text:PROP_NO"></td>
        <td data-bind="text:PROP_NM"></td>
        <td data-bind="text:ENTITY"></td>
        <td data-bind="text:PROD_ZONE_NM"></td>
        <td data-bind="text:LEASE_NAME"></td>
        <td data-bind="text:WELL_NO"></td>
        <td class="text-nowrap">
            <a data-bind="attr:{href:'@Url.Action("Details")/'+id}" class="btn btn-info">Details</a>
            <a data-bind="attr:{href:'@Url.Action("Edit")/'+id}" class="btn btn-primary">Edit</a>
            <a data-bind="attr:{href:'@Url.Action("Delete")/'+id}" class="btn btn-danger">Delete</a>
        </td>
    </tr>
</tbody>

Answer 1

如果绑定仅显示/隐藏绑定所应用的元素的 content 。为了使您的IMG元素消失，您必须将每个元素包裹在包含元素中，或使用敲除虚拟元素进行绑定。

<td>      
    <!-- ko if: API14 == null || PROP_NM == null || PROD_ZONE_NM == null || LEASE_NAME == null || WELL_NO == null -->
        <img src="~/img/warning_25.png" />
    <!-- /ko -->
    ...
</td>