KnockOut.JS选项

Question

我有以下代码：

self.Groups = ko.observableArray();
function LoginNameObject(name) {
    this.loginName = name;
}

self.Groups.push(new LoginNameObject('Blah'));

我试图这样绑定在html中：

 <select data-bind="options: Groups, optionsText: loginName"></select>

但是在尝试绑定时继续获取loginName是未定义的。 任何帮助，将不胜感激！

谢谢

Answer 1

在optionsText您需要指定属性名称为字符串 。

所以你需要写

<select data-bind="options: Groups, optionsText: 'loginName'"></select>

另请参见文档： 示例3：代表任意JavaScript对象（不仅是字符串）的下拉列表

或者，如果您需要更复杂的逻辑来计算选项文本，则还可以将optiosText指定为函数：

<select 
   data-bind="options: Groups, optionsText: function(item) { return item.loginName }">
</select>