는 multiselectselect 갱신을 할 수 없습니다 즉시

Question

나는 녹아웃 공식 사이트에서 "더 나은 목록의 예"를 구현하기 위해 노력하고 있습니다 : http://knockoutjs.com/examples/betterList.html

나는 기술의 목록을 표시하고, 그리고 모든 것이 UI 업데이트를 제외하고, 좋은 작품 다중 선택의. 추가 버튼을 클릭하면 관찰 가능 속성이 즉시 업데이트되지만 UI에서 클릭해야하는 다중 선택 항목의 변경 사항을 보려면 새 스킬이 디스플레이에 표시됩니다.

변경 및 흐림 이벤트를 사용하려고했습니다. valueupdate : '변경', 성공하지 못했습니다.

모델

self.allSkills = ko.observableArray(""); 
self.skillToAdd = ko.observable(""); 
self.selectedSkills = ko.observableArray(""); 

self.addSkill = function() { 
        self.allSkills().push(self.skillToAdd()); 
        self.skillToAdd(""); 
       }; 

보기

<form data-bind="submit: $root.addSkill"> 
    <label>Required Skills:</label> 
    Add skill: <input type="text" data-bind="value: $root.skillToAdd, valueUpdate: 'afterkeydown'"/> 
    <button type="submit" data-bind="enable: $root.skillToAdd().length>0">Add</button> 
</form> 
<select multiple="multiple" data-bind="options: $root.allSkills, optionsText: $data, selectedOptions: $root.selectedSkills"> 
</select> 

Answer 1

당신은 기본 배열의 값으로 추진하고있다. ObservableArray에 직접 푸시 -