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

は JavaScript の正当な識別子名ではないためdata-id、次のように記述する必要があります。

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

attr バインディングのドキュメントの名前が正当な JavaScript 変数名ではない属性の適用セクションを参照してください。