javascript - 如何通过单击 knockout.js 中的按钮来显示数字

Question

我需要一个可以执行以下操作的功能：单击按钮（或 div、li 等）后，在页面中它应该向我显示按钮的值（在 div 和 li 的情况下，它可以显示一些数据特定于那个确切的 div 或 li)

看法

<ul>
<li data-bind="click: myFunction.bind($data, 'some text')">some text</li>
<li data-bind="click: myFunction.bind($data, 'some other text')">some other text</li>
</ul>
<p data-bind='text: typedDigits'></p>

视图模型

function AppViewModel() {
this.typedDigits = '';
this.myFunction  = function(data){

    this.typedDigits = ' ' + data;

};

ko.applyBindings(new AppViewModel());

我在 myFunction 中正确获取了单击时发送的“数据”，但是我不知道如何将其传递给 typedDigits，每次单击按钮（div，li）时它都会显示给我...任何想法？

衷心感谢。

Answer 1

你想让typedDigits一个 ko 可观察：

function AppViewModel() {
this.typedDigits = ko.observable('');
this.myFunction  = function(data){

    this.typedDigits(' ' + data);

};
}

ko.applyBindings(new AppViewModel());