Knockoutjs - 讓選擇顯示可觀察到的電流值作爲默認值

Question

這裏是一個小提琴：http://jsfiddle.net/BNXTm/1/

正如你可以看到，即使新的顧問有Commercial作用，選擇顯示器Consultant代替Commercial。我如何讓select元素顯示顧問的角色名稱？

Answer 1

值綁定比較對象的引用，以匹配選擇的值。

在列表中選擇的對象角色對象不共享相同的參考

http://jsfiddle.net/BNXTm/4/

var c1 = new Consultant("Foo BAR", ko.utils.arrayFirst(contractViewModel.availableRoles, function(item) { 
    return item.tag === "Co"; 
})); 

Answer 2

你可以做的就是創建一個計算與一個普通的值，而不是對象的原理：

self.role = ko.observable(role); 
self.role.forSelect = ko.computed({ 
    read: function() { 
     return self.role().tag; 
    }, 
    write: function(newValue) { 
     self.role(contractViewModel.getRole(newValue)); 
    } 
}); 

這樣role總是會在availableRoles的對象之一。

見http://jsfiddle.net/eCkL9/