Knockout.js - 如何在foreach循环中绑定data-var

Question

我希望在knockout中将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}">所对应的代码行出了问题，我希望你能帮我解决。

- Jamie Hutber

Answer 1

因为在JavaScript中，data-id不是合法的标识符名称，所以你需要写成：

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

请查看 attr 绑定文档的 应用非法 JavaScript 变量名作为属性名称 部分。

- nemesv