奇怪的淘汰赛js选择选项绑定问题

Question

有人可以来看看我在使用 Knockout JS 和绑定选择列表时遇到的一个令人费解的问题吗？

应该通过在选择列表中调用value: favColorId在列表中选择该人最喜欢的颜色，而不是通过value: favColorId()的基于函数的调用，这里发生了很奇怪的事情，我从未使用过（ ( /p>

http://jsfiddle.net/goneale/ph8Jw/

Answer 1

我已经包含了我的 mapDictToArray() 函数，但它只是将一个 将 javascript 对象转换为键值 JS 数组。我不认为那是 导致问题。

实际上，这是问题的一部分。该函数返回一个 JavaScript 数组，而不是一个可观察的数组，因此 Knockout 无法正确使用该数组。我对您的代码进行了以下更改：

// The "mapDictToArray" makes a normal JS array, not a ko.observableArray();
// You can't simply "merge" a JS array with an observableArray(); you'll need
// some extra functionality for that: ko.utils.arrayPushAll()
// viewModel.colors(mapDictToArray(dict));
ko.utils.arrayPushAll(viewModel.colors(), mapDictToArray(dict));

// Apply the bindings *after* you've added the contents to the "colors" observable, in order to
// get the correct selected value
ko.applyBindings(viewModel);

这应该可以解决问题（使用正确的 HTML，没有 () ）！

JSFiddle.

更新

我想过我的解决方案，但有些地方不正确。唯一正确的是，您需要在添加可观察颜色的内容之后应用绑定。 This is your fiddle，该部分向下移动。

这在你的情况下有效，但是当observableArray 中已经有数据时，你需要使用arrayPushAll 方法。此方法会合并，而您在不使用时将其覆盖 (example with data inside the observable)。