如何在knockout.js中生成按钮而不是项目

Question

我想有一个列表的照片排列在网格中，在列表的末尾，我想有一个按钮来上传另一个。通常，剔除'foreach‘绑定内容的次数与列表中的项目一样多。为了获得一张照片清单，我会做这样的事情：

<ul data-bind="foreach: photos">
    <li>
        <img ....>
    </li>
</ul>

但是，我需要一个最后的html看起来像：

<ul>
    <li><img ....></li>
    <li><img ....></li>
    <li><img ....></li>
    <li><input ....></li>
</ul>

有可能在列表的末尾以某种方式让淘汰赛产生某种“特殊”项目吗？

Answer 1

您可以考虑使用无容器语法，并在foreach之后添加一个元素，如下所示：

<ul>
    <!-- ko foreach: photos-->
        <li><img ....></li>
        <li><img ....></li>
        <li><img ....></li>
    <!-- /ko -->
    <li><input ....></li>
</ul>

参考：

参见部分:注4:在没有容器元素的情况下使用foreach

在某些情况下，您可能想要复制一段标记，但是您没有任何容器元素可以在其上放置foreach绑定。