如何通过点击knockout.js中的按钮来显示一个数字

Question

我需要以下功能： 点击一个按钮（或div，li等）之后，在页面中它应该显示按钮的值（在div和li的情况下，它可以显示一些特定于该精确div或li的数据）< / p>

视图

<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中获取了'data'，这是我点击发送的内容，但我不知道如何将它传递给每次点击按钮时显示的typedDits（div，li）......任何想法？

真诚地感谢。

Answer 1

你想让typedDigits成为一个可观察的角色：

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

    this.typedDigits(' ' + data);

};
}

ko.applyBindings(new AppViewModel());