敲除数据绑定与$ index会产生问题

Question

Concider是一个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中的工作示例