javascript - KnockoutJS 可观察的内容未在屏幕上更新

Question

我似乎做错了什么，但无法弄清楚!我这里有一个 fiddle :

https://jsfiddle.net/L69jk5yL/

我有一个可观察的_index，最初设置为11。当我在下拉列表中选择某些内容时，该值会更新为12，正如我在 knockout 模型中看到的那样，但屏幕上的值不会更新。

function viewModel() {
    var self = this;    
    self._index = ko.observable("11");        

     self.selectResponse = function (item) {
            alert('current ko value: ' + self._index());
            self._index = "12";
        alert('new ko value: ' + self._index);
     }
}

ko.applyBindings(new viewModel());

<p>index: <strong data-bind="text: _index"></strong></p>

  <select name="dateSelected" id="dateSelected" data-bind="event: { change: $root.selectResponse }">
         <option value="">Select something...</option>
        <option value="a">a</option>
 </select> 

Answer 1

当你更新一个 Knockout Observable 时，你必须调用 observable 函数，例如

self._index("12");

通过编写 self._index = "12";，您实际上是将 Observable 属性替换为值为“12”的标量字符串属性。