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

how to show a digit by clicking on button in knockout.js

本文关键字：按钮 显示 数字 js 何通过 单击 knockout      更新时间：2023-09-26

我需要一个功能，将做以下:点击按钮(或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)…什么好主意吗?

衷心谢谢。

你想让typedDigits成为可观察的:

function AppViewModel() {
this.typedDigits = ko.observable('');
this.myFunction  = function(data){
    this.typedDigits(' ' + data);
};
}
ko.applyBindings(new AppViewModel());
相关文章：