knockout.js - 订阅后在knockoutjs中加载初始值

Question

我正在使用knockoutjs 并有两个下拉框。
其中之一依赖于另一个。仅此一项就可以正常工作，但我现在想设置初始值及其选定的值。

由于我订阅了第一个下拉框中的更改以加载第二个下拉框，因此我现在不仅加载了两次数据，还取消了第二个下拉框中的初始选择。
这样做的原因是，每当第一个下拉列表更改其值时，我都必须清除第二个下拉列表的选择。否则可能会预选错误的值。

见:http://jsfiddle.net/sturm/6Mp33/31/

<select name="model" data-bind="options: models, value: selectedModel, optionsText: 'name', optionsValue: 'id', optionsCaption: 'Choose...'"></select>
<select name="makes" data-bind="options: makes, value: selectedMake, optionsText: 'name', optionsValue: 'id', optionsCaption: 'Choose...'"></select>

function viewModel(initialModels, initialSelectedModel, initialMakes, initialSelectedMake) {
    var self = this;

    self.models = ko.observableArray(initialModels);
    self.selectedModel = ko.observable(initialSelectedModel);
    self.makes = ko.observableArray(initialMakes);
    self.selectedMake = ko.observable(initialSelectedMake);

    self.selectedModel.subscribe(function() {
        // This runs after the initial data and clears the selection
        if (self.selectedModel()) {
            $.ajax({
                type: 'POST',
                url: '/echo/json/',
                data: {
                    json: ko.toJSON(makeData[self.selectedModel()-1])
                },
                context: this,
                success: function(data) {
                    self.makes(data);
                    // The folowing line is the problem
                    self.selectedMake(undefined);
                },
                dataType: 'json'
            });
        } else {
            self.makes.removeAll();
        }
    });
};

ko.applyBindings(new viewModel(modelData, 2, makeData[1], 2));

如何在不加载两次并保持选择的情况下干净地设置初始值？

Answer 1

只需从评论中添加 Nemesv 的答案即可关闭

更新 knockout