淘汰赛"如果有约束力"不起作用

Question

使用Chrome进行调试时,我可以看到CoverPrices有9个元素.foreach循环实际上运行良好,表格看起来正确,第一个跨度正确绑定到Item1.

但是,if绑定不起作用,并且显示两个图像.然而,Item2中的所有元素都具有真实值,因此只应显示第一个图像.

<!-- ko foreach: CoverPrices -->
    <tr>
        <td>
            <span data-bind="text: Item1"></span>
        </td>
        <!-- ko foreach: Item2 -->
        <td>
            <img src="~/Images/yes.png" alt="oui" data-bind="if: $data" /> 
            <img src="~/Images/no.png" alt="non" data-bind="ifnot: $data" /> 
        </td>
        <!-- /ko -->
    </tr>
    <!-- /ko -->

我的装订有问题吗？

Answer 1

这if-binding不会影响整个元素,但会影响其内容.并且因为img元素没有内容,所以绑定无关紧要.

这将span 作为容器元素工作:

<span data-bind="if: $data"><img src="~/Images/yes.png" alt="oui" /></span>
<span data-bind="ifnot: $data"><img src="~/Images/no.png" alt="non" /></span>

如果您不想要其他元素,还有一个无容器语法:

<!-- ko if: $data -->
    <img src="~/Images/yes.png" alt="oui" />
<!-- /ko -->
<!-- ko ifnot: $data -->
    <img src="~/Images/no.png" alt="non" />
<!-- /ko -->