双向绑定在knockout.js中不起作用

我试图在切换到viewModel后更新UI，但它不起作用，我是否遗漏了什么？

---

您正在以错误的方式使用

可观察对象。每个可观察的
都是一个函数，因此在设置或获取值时，应使用
（）
：

使用jQuery单击事件也是一种不好的做法。使用敲除
单击
绑定：

<input type="button" value ="click" id="button1" data-bind="click: OnClick"/>

viewModel = {
    firstName: ko.observable("adrian"),
    OnClick: function() {
        this.firstName("Paul");
        alert(this.firstName());
    }
};


视图模型={
名字：ko.observable（“阿德里安”），
OnClick:function（）{
这是第一个名字（“保罗”）；
警报（this.firstName（））；
}
};

这里是工作提琴：
您以错误的方式处理
可观察对象。每个可观察的
都是一个函数，因此在设置或获取值时，应使用
（）
：

使用jQuery单击事件也是一种不好的做法。使用敲除
单击
绑定：

<input type="button" value ="click" id="button1" data-bind="click: OnClick"/>

viewModel = {
    firstName: ko.observable("adrian"),
    OnClick: function() {
        this.firstName("Paul");
        alert(this.firstName());
    }
};


视图模型={
名字：ko.observable（“阿德里安”），
OnClick:function（）{
这是第一个名字（“保罗”）；
警报（this.firstName（））；
}
};

这里有一个实用的fiddle:
要通过Javascript更改一个可观察对象（初始化后），需要将其作为函数调用，例如

viewModel.firstName("Paul");

要通过Javascript更改可观察对象（初始化后），需要将其作为函数调用，如

viewModel.firstName("Paul");