javascript - Knockout.js 不更新可观察值

Question

我无法让 Knockout 更新我的可观察值的值。

型号:

function AppViewModel() {
   var self = this;
   self.observable = ko.observable();
   self.test = function() {
       self.observable("test")
   }
};
var model = new AppViewModel();
ko.applyBindings(model);

查看:

<p>Value of observable: <input data-bind="value: $root.observable()" /></p>
<p>The value is: <span data-bind="text: $root.observable()"></span></p>

当我在输入字段中输入文本时，它应该将我的可观察值更新为我输入的内容，对吗？但第二段并没有相应地更新其文本。

谢谢!

Answer 1

删除绑定(bind)中的括号。您想要绑定(bind)到 observable 本身，而不是 observable 所持有的值。

<p>Value of observable: <input data-bind="value: $root.observable" /></p>
<p>The value is: <span data-bind="text: $root.observable"></span></p>