剔除選項對象綁定

Question

我正在努力將Knockout.js選項綁定到對象。 我正在嘗試為用戶創建一個工作流程，使他們可以添加項目，編輯其屬性，然后保存/取消以傳播這些更改。 我已經使用jquery完成了這類任務。 但是我想避免jquery需要的復雜堆棧調用。 （如果可能的話）。

我創建了一個示例： http : //jsfiddle.net/nAE2f/

示例中的工作原理：

添加按鈕，創建一個新對象。 保存按鈕會將其保存到陣列。 選擇對話框將使用新選項進行更新。

不幸的是，這是我的進展停滯的地方。 創建選擇選項時，它不會反映基礎對象的名稱。 同樣，在對象之間切換不會像我期望的那樣更改表單屬性。

我嘗試將optionValue分配給id，但是在這種情況下，不會在保存時創建Select Options。

Answer 1

將成員名稱綁定到項目的方式存在問題。 在您的情況下，保存的項目始終具有空名稱，這就是為什么select同時顯示空文本的原因。 我通過在ViewModel中創建selectedMember屬性來處理選定的成員並將成員名稱分配給Save上的項目來解決此問題。 例如檢查小提琴