Knockout.js：observable 的初始值不会更新 RadioButton 状态

Question

这是一个非常简单的故事，我没能成功：

我们有一个questions 数组。每个问题都有一个answer 数组。每个答案都有一个text 和value。每个question 都有属性selectedAnswer 代表所选答案的value。

这里是 jsfiddle：https://jsfiddle.net/votsevfd/8/

实施：

<div data-bind="foreach : {data: questions}">

Question: <span data-bind="text: descr"></span>
<div data-bind="foreach: {data: answers}">
  <div>    
    <label data-bind="text: text"></label>
    <input name="something" type="radio" data-bind="checked: $parent.selectedAnswer, value: value"></input>    
  </div>
</div>
<div>
The selected answer is:<span data-bind="text: selectedAnswer"></span>
</div>
</div>

这里是相关的JavaScript：

 var model = {
  questions: ko.observableArray(),
  };

var q1 = {
  descr: 'Do you like JS?',
  selectedAnswer: ko.observable('200'), // Initially, select No (200)
  answers: [
    {text:'Yes', value:'100'},
    {text:'No', value:'200'}
  ],
}
model.questions.push(q1);

ko.applyBindings(model);

问题： 我希望根据selectedAnswer 的初始值选择适当的单选按钮（在上述情况下，单选按钮No）。但它不起作用。

我错过了什么？

Answer 1

这是一个奇怪的问题。我可以通过更改 checked 和 value 绑定的顺序来修复它，如下所示：

<input name="something" type="radio" data-bind="value: value, checked: $parent.selectedAnswer" />

Updated fiddle

---

还有另一个解决方法。如果您切换到淘汰赛的最新版本，这个问题就会消失。所以，我假设他们在版本 2 和 3.0 之间修复了它。

Updated fiddle

（另外，你可以简化你的foreach绑定到这个：data-bind="foreach : questions"）

更新：

这确实是一个错误。您可以通过@user3297291 的detailed answer 了解有关此的更多信息。