javascript - 淘汰赛 js $index() 似乎不起作用

Question

我正在使用下面的代码来打印 div 的 id。但是 $index() 似乎不起作用，

<div data-bind="foreach: itemRows">
           <div class="fruitList" data-bind="foreach: $data">
                <div data-bind="attr: { 'id': 'uniqueName_' + $index() }">
                    <img data-bind="attr: { src: $data }" />
                 </div>
           </div>
        </div>

任何建议..

更新：呈现的 HTML 有这个

<div id="uniqueName_NaN" data-bind="attr: { 'id': 'uniqueName_' + ($parent.index +   

  $data.index) }">

身份证没有出现..我错过了什么..

Answer 1

它应该只是 $index，所以没有 ()

    <div data-bind="foreach: itemRows">
       <div class="fruitList" data-bind="foreach: $data">
            <div data-bind="attr: { 'id': 'uniqueName_' + $index }">
                <img data-bind="attr: { src: $data }" />
             </div>
       </div>
    </div>

Answer 2

如果要使用两个循环中的索引，则需要访问父上下文。索引存储在上下文对象中，而不是$data.

<div data-bind="foreach: itemRows">
    <div class="fruitList" data-bind="foreach: $data">
        <div data-bind="attr: { 'id': 
                'uniqueName_' + $parentContext.$index() + '_' + $index() }">
            <img data-bind="attr: { src: $data }" />
        </div>
    </div>
</div>