如何使用带有来自服务器的下拉列表的 knockoutjs

Question

从服务器我得到 A 或 B 或 G 的类型

我希望它显示的是一个下拉文本 Gamma（如果是 G）和 Alpha（如果是 A）和 Beta（如果是 B）。还有要选择的项目......不知道该怎么做。

这是我从后端得到的……一个可观察到的数组

  self.AllValues = ko.observableArray([{"ID":1,"Type":"A" .... }]);

我有类似下面的类型是 A B OR G ...

 <td class="label">Drop-down list:</td>
 <td><select data-bind="options: optionValues, value: selectedOptionValue"></select>
 </td> 

Answer 1

您在这里有几个选择。您可以处理从服务器返回的数据，并将包含完整文本名称的属性添加到每个对象，然后将您的数组绑定到选择，使用这个新属性作为选择的文本，或者您可以使用Custom Binding 创建选择元素和其中的所有选项，在每个选项中替换您想要的全文。

我会说第一个选项将是最好的实现。