knockout.js - 与 $index 的淘汰数据绑定会带来问题

Question

考虑一个包含单选按钮和标签的 jQuery Mobile“列表”。

<!-- ko foreach: $data.answers -->
<input type="radio" name="radio-choice" data-bind="attr: { id: [...] }" />
<label data-bind="attr:{ for: [...] }">Label</label>
<!-- /ko -->

为了工作，标签的for属性需要与输入的id相同。

REPLACEMENT FOR [...]            RESULTS IN
$index                           ok
'radio-nr-'+$index               fails
$root.testFunction(1)            ok
$root.testFunction($index)       fails
'radio-nr-'.concat(1)            ok
'radio-nr-'.concat($index)       fails

在哪里

function testFunction(a) {  return "radio-nr-"+a; };

为什么我所有连接 $index 的尝试都失败了？

谢谢！

Answer 1

从$index 文档：

与其他绑定上下文属性不同，$index 是可观察的

所以你需要$index()在你的绑定中写（注意括号）：

<!-- ko foreach: $data.answers -->
<input type="radio" name="radio-choice" 
                    data-bind="attr: { id: 'radio-nr-' + $index()  }" />
<label data-bind="attr:{ for: 'radio-nr-' + $index() }">Label</label>
<!-- /ko -->

JSFiddle中的工作示例