淘汰赛-手动订阅时如何在observableArray中反映所选项目的更改

Question

I have an observableArray that is bound to an html select:

<select name="cars-list" data-bind="options: cars, optionsText: 'name', optionsValue: 'id', value: selectedCar"></select>

I have subscribed to selectedCarin which whenever a user selects a car from the html select, it will add that item again to the select:

self.selectedCar.subscribe(function (newValue) {

    self.cars().push({
        id: 124,
        name: "sample"
    });
});

I placed an alert right after the push to the observableArray and sure enough, the length increased by 1 whenever I select an item.

However, the html select control did not reflect this change. It was existing in the observableArray but the display didn't show it. Any ideas?

Answer 1

You are not calling push directly on the observable array but on the underlaying array, so knocout won't be notified about the change.

To fix it you just need to remove the () from cars() :

self.cars.push({
    id: 124,
    name: "sample"
});

Demo JSFiddle .