Knockout observable已更新，但未在UI中更新

Question

我有这个视图模型

var masterVM = {

  collapsedView : ko.observable(true),

  setExpandCollapse : function(){

    masterVM.collapsedView = !masterVM.collapsedView;

    console.log(masterVM.collapsedView);

  }.bind(this)
};

并在模板中按下

<button id="view_change" type="button" 
        data-bind="text: (masterVM.collapsedView 
                            ? 'Expanded view' : 'Collapsed view'),
        click: masterVM.setExpandCollapse "></button>

我想要的是，如果我单击该按钮，其文本应根据collapsedView可观察对象进行更改，但它不在UI中。但是，console.log会打印出正确的值，交替显示true和false。