2012-10-28 36 views
2

我正在使用knockout.js options binding on select-list。我創建了一個例子小提琴:問題與選擇綁定在淘汰賽

http://jsbin.com/uzecaf/12/edit

但問題是,而不是顯示在UI值文本,[對象對象]顯示在UI。我做錯了什麼?

編輯

JS代碼

function AuthorVM(){ 
    this.Name = ko.observable("bla-bla"); 
    this.books = ko.observableArray(
    [ 
     new BookVM('book-1', '1'), 
     new BookVM('book-2', '2'), 
     new BookVM('book-3', '3'), 
     new BookVM('book-4', '4') 
    ] 
); 
} 

function BookVM(name, id){ 
    this.Name = name; 
    this.Id = id; 
} 

ko.applyBindings(new AuthorVM()); 

標記

<label data-bind="text: Name"></label> &nbsp;&nbsp; 
<select data-bind="options: books, optionsText: Name"> 
</select> 
+0

將代碼複製到您的問題中,以便人們可以看到需要更改的內容以完成此項工作。 – sgtz

+0

@sgtz我編輯的問題,請看看 –

回答

1

select綁定是錯誤的,optionsText parameterstring所以你需要傳遞一個屬性名稱作爲一個字符串。

你的結合應該是這樣的:

<select data-bind="options: books, optionsText: 'Name'"> 

Demo

+0

謝謝你的回答 –