Knockout.js - 如何绑定foreach中的data-var

Question

我想将data-id绑定到淘汰赛中的循环项目

    <ul data-bind="foreach: items">
        <li data-bind="attr: {data-id: $data.id}">
            <p data-bind="text: title"></p>
            <img alt="" data-bind="attr: {src: $data.img}">
            <h4>Volkswagen.co.uk</h4>
        </li>
    </ul>

<li data-bind="attr: {data-id: $data.id}">所以具体来说，这行代码就是我想要的。

Answer 1

由于data-id不是JavaScript中的合法标识符名称，因此您需要编写：

<li data-bind="attr: { 'data-id' : $data.id}">

请参阅attr绑定文档Applying attributes whose names aren’t legal JavaScript variable names部分。