如何使用淘汰创建选择

Question

我试图创建一个对象到下拉列表的选择绑定，但一直一无所获。

Html

<select data-bind="options: defaultConvocationVagues,
optionsText: vagueDesc,
value: selectedVague">
</select>

Javascript

$(function() {
ko.applyBindings(new ViewModel());
});
function vague(id,desc)
{
this.vagueID = ko.observable(id);
this.vagueDesc = ko.observable(desc);
}
var ViewModel = function () {
var self = this;
this.defaultConvocationVagues = ko.observableArray();
this.selectedVague = ko.observable();
self.defaultConvocationVagues.push(new Vague(1,'wave1'));
self.defaultConvocationVagues.push(new Vague(2,'wave2'));
self.defaultConvocationVagues.push(new Vague(3,'wave3'));
};

这是一个JSfiddle

Answer 1

您声明了function vague(id, desc)，但使用方式与new Vague(1, 'wave')类似。保持套管的一致性。

主要问题是如何设置optionsText: vagueDesc。optionsText应设置为属性名称(作为字符串(。所以您需要将其更改为optionsText: 'vagueDesc'。