Javascript 敲除简单绑定不起作用

我正在尝试一个将对象属性绑定到UI的简单示例

我的例子就在这里

我有以下HTML：

The name is <span data-bind="text: personName"></span>
<button type="button" onlick="changeName()">Click Me!</button>

我的问题是，为什么单击按钮时显示的名称不会从“Foo”更改为“Bar”

---

谢谢

这个

myViewModel.personName='Bar'

不起作用，因为

personName

是可观察的。当我们想要得到可观测值时，我们简单地将其作为函数调用

 myViewModel.personName()

然而，当我们想要设置它的值时，我们像上面那样调用它，但将值作为参数传递

 myViewModel.personName("Bar")

你可以把它看作是一个能手和二传手

var myViewModel={
人名：ko.observable（'Foo'），
人物：高。可观察（123）
};
myViewModel.changeName=函数（）{
myViewModel.personName（'Bar'）；
}
应用绑定（myViewModel）

名字是
点击我
此
myViewModel.personName='Bar'
不起作用，因为
personName
是可观察的。当我们想要得到可观测值时，我们简单地将其作为函数调用

 myViewModel.personName()

然而，当我们想要设置它的值时，我们像上面那样调用它，但将值作为参数传递

 myViewModel.personName("Bar")

你可以把它看作是一个能手和二传手


var myViewModel={
人名：ko.observable（'Foo'），
人物：高。可观察（123）
};
myViewModel.changeName=函数（）{
myViewModel.personName（'Bar'）；
}
应用绑定（myViewModel）

名字是
点击我
此
myViewModel.personName='Bar'
不起作用，因为
personName
是可观察的。当我们想要得到可观测值时，我们简单地将其作为函数调用

 myViewModel.personName()

然而，当我们想要设置它的值时，我们像上面那样调用它，但将值作为参数传递

 myViewModel.personName("Bar")

你可以把它看作是一个能手和二传手


var myViewModel={
人名：ko.observable（'Foo'），
人物：高。可观察（123）
};
myViewModel.changeName=函数（）{
myViewModel.personName（'Bar'）；
}
应用绑定（myViewModel）

名字是
点击我
此
myViewModel.personName='Bar'
不起作用，因为
personName
是可观察的。当我们想要得到可观测值时，我们简单地将其作为函数调用

 myViewModel.personName()

然而，当我们想要设置它的值时，我们像上面那样调用它，但将值作为参数传递

 myViewModel.personName("Bar")

你可以把它看作是一个能手和二传手


var myViewModel={
人名：ko.observable（'Foo'），
人物：高。可观察（123）
};
myViewModel.changeName=函数（）{
myViewModel.personName（'Bar'）；
}
应用绑定（myViewModel）

名字是
点击我您的代码有一些问题。主要的问题是你试图设置一个可观察的目标的方式。可观测值应该用作getter/setter函数


名称是
点击我！
var myViewModel={
人名：ko.observable（'Foo'），
人物：高。可观察（123）
};
myViewModel.changeName=函数（）{
var newName=myViewModel.personName（）=='Foo'？'Bar'：'Foo'；
myViewModel.personName（新名称）；
}
应用绑定（myViewModel）；
您的代码有一些问题。主要的问题是你试图设置一个可观察的目标的方式。可观测值应该用作getter/setter函数


名称是
点击我！
var myViewModel={
人名：ko.observable（'Foo'），
人物：高。可观察（123）
};
myViewModel.changeName=函数（）{
var newName=myViewModel.personName（）=='Foo'？'Bar'：'Foo'；
myViewModel.personName（新名称）；
}
应用绑定（myViewModel）；
您的代码有一些问题。主要的问题是你试图设置一个可观察的目标的方式。可观测值应该用作getter/setter函数


名称是
点击我！
var myViewModel={
人名：ko.observable（'Foo'），
人物：高。可观察（123）
};
myViewModel.changeName=函数（）{
var newName=myViewModel.personName（）=='Foo'？'Bar'：'Foo'；
myViewModel.personName（新名称）；
}
应用绑定（myViewModel）；
您的代码有一些问题。主要的问题是你试图设置一个可观察的目标的方式。可观测值应该用作getter/setter函数


名称是
点击我！
var myViewModel={
人名：ko.observable（'Foo'），
人物：高。可观察（123）
};
myViewModel.changeName=函数（）{
var newName=myViewModel.personName（）=='Foo'？'Bar'：'Foo'；
myViewModel.personName（新名称）；
}
应用绑定（myViewModel）；
首先：决不要将内联事件处理程序与敲除一起使用。时期一切都是通过绑定完成的

第二：你应该使用类作为视图模型，这样会使你的生活更轻松


职能人员（姓名、年龄）{
this.name=ko.observable（name），
this.age=ko.可观察（年龄）
}
Person.prototype.changeName=函数（）{
该名称（“Bar”）；
};
ko.applyBindings（新人（'Foo'，123））

名字是
点击我首先：决不要将内联事件处理程序与敲除一起使用。时期一切都是通过绑定完成的

第二：你应该使用类作为视图模型，这样会使你的生活更轻松


职能人员（姓名、年龄）{
this.name=ko.observable（name），
this.age=ko.可观察（年龄）
}
Person.prototype.changeName=函数（）{
该名称（“Bar”）；
};
ko.applyBindings（新人（'Foo'，123））

名字是
点击我首先：决不要将内联事件处理程序与敲除一起使用。时期一切都是通过绑定完成的

第二：你应该使用类作为视图模型，这样会使你的生活更轻松


职能人员（姓名、年龄）{
this.name=ko.observable（name），
this.age=ko.可观察（年龄）
}
Person.prototype.changeName=函数（）{