KnockOut.JS optionsText

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>

另请参阅文档中的：Example 3: Drop-down list representing arbitrary JavaScript objects, not just strings

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

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