淘汰赛：迭代对象并在下拉列表中显示值

Question

我需要一些关于 js/knockout/databindings 的帮助。

在我的代码中，我收到这样的对象： Received object

我希望在下拉列表中显示值，并且键应存储为值。 我尝试使用一些像这样的淘汰数据绑定：

<select id="routeTable" class="form-control" data-bind="
                            options: availableRouteTables,
                            optionsText: availableRouteTables.key,
                            optionsValue: availableRouteTables.value,
                            value: selectedRouteTable,
                            optionsCaption: '- velg rutetabell -'"></select>

我知道“availableRouteTables.key”和“availableRouteTables.value”是错误的，但这只是为了解释/展示我想要的。

到目前为止，该对象仅在 JS 中看起来像这样：

this.availableRouteTables = availableRouteTables;

在下拉列表中显示如下： Dropdown failure

有人可以帮我找出问题并解决它吗？ 非常感谢！

Answer 1

当您收到数据时，您必须更改其结构以使用选项绑定：

// Convert to array of objects with value and text properties
var availableRouteOptions = [];
for(var key in availableRouteTables) {
    availableRouteOptions.push({
    value: key,
    text: availableRouteTables[key]
  });
}

你必须改变你的绑定：

options: availableRouteOptions,
optionsText: 'text',
optionsValue: 'value',