显示来自可观察数组的多个值的连接字符串答案

【问题标题】：Showing a concatenated string from multiple values of observable array显示来自可观察数组的多个值的连接字符串
【发布时间】：2023-03-25 19:40:02
【问题描述】：

我有一个如下的可观察数组..

var myObservableArray = ko.observableArray([
    { name: "Bungle", type: "Unknown" },
    { name: "George", type: "Unknown" },
    { name: "Zippy", type: "Unknown" }
]);

我希望从可观察数组中的元素中填充一个选择列表框，以便选项名称是“名称”和“类型”的串联字符串，例如“Bungle-Unknown”、“George-Unknown”等选项值只是“名称”。

真诚感谢任何帮助。

谢谢

【问题讨论】：

标签： knockout.js knockout-2.0 knockout-3.0

【解决方案1】：

在您对选择控件的绑定中，您可以使用optionsText 绑定为您的选项构建标题（参见http://knockoutjs.com/documentation/options-binding.html，示例4）。您基本上可以这样做（假设您有另一个名为 selected 的可观察对象来保存下拉列表中的选定选项）：

<select data-bind="options: myObservableArray,
                   optionsText: function(item) {
                       return item.name + '-' + item.type;
                   },
                   value: selected"></select>

【讨论】：