Knockoutjs non aggiorna il valore quando si selezionano le opzioni modificate

Question

Il problema si verifica quando le opzioni selezionate non vengono aggiornate.

Così, quando cambio Honda in Toyota, le opzioni nella seconda selezione sono cambiate correttamente, ma non è stato selezionato Mark. Devo aver perso qualcosa.

JavaScript:

function ViewModel() { 
    var self = this; 

    self.selectedMake = ko.observable() 
    self.selectedModel = ko.observable() 

    self.makes = ["Honda", "Toyota"]; 
    self.models = ko.computed(function() { 
     if (self.selectedMake() === "Honda") return ["CRV", "Accord"]; 
     if (self.selectedMake() === "Toyota") return ["Rav4", "Camry"]; 
     return []; 
    }); 
} 
$(function() { 
    ko.applyBindings(new ViewModel()); 
}); 

HTML:

<select data-bind="value: selectedMake, options: makes"></select> 
<select data-bind="value: selectedModel, options: models"></select> 
<p>Selected make: <b data-bind="text:selectedMake"></b></p> 
<p>Selected model: <b data-bind="text:selectedModel"></b></p> 

JS Fiddle: http://jsfiddle.net/apuchkov/n4VyD/

Answer 1

ricevuto una risposta su GitHub. Ripubblicarlo qui se qualcuno troverà questa domanda.

Questo è un caso in cui l'ordine delle associazioni è importante. Vedere http://knockoutjs.com/documentation/binding-syntax.html#notes_for_multiple_bindings_on_a_single_element

<select data-bind="options: makes, value: selectedMake"></select> 
<select data-bind="options: models, value: selectedModel"></select> 

jsFiddle: http://jsfiddle.net/n4VyD/4/

Answer 2

io non so perché non funziona come è, ma se si imposta un abbonamento a modelli, è possibile modificare manualmente il modello selezionato.

function ViewModel() { 
    var self = this; 

    self.selectedMake = ko.observable() 
    self.selectedModel = ko.observable() 

    self.makes = ["Honda", "Toyota"]; 
    self.models = ko.computed(function() { 
     if (self.selectedMake() === "Honda") return ["CRV", "Accord"]; 
     if (self.selectedMake() === "Toyota") return ["Rav4", "Camry"]; 
     return []; 
    }); 

    self.models.subscribe(function(value) { 
     self.selectedModel(value[0]); 
    }); 
} 

$(function() { 
    ko.applyBindings(new ViewModel()); 
}); 

Fiddle