javascript - Knockout.js - 如何在 foreach 中绑定数据变量

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 绑定文档应用名称不合法的 JavaScript 变量名称部分的属性。