关于knockoutjs - 如何使用文本进行数据绑定:并单击:

时间:2013-06-25 15:51:13

标签: events binding knockout.js click html

你们好吗?我是框架Knockoutjs的新手,我想知道我做得对。 (需要一点帮助。):))

我有一个标签,它将包含相同的data-bind = text:anything并单击:any function。问题是:有可能这样做吗?这是正确的方法吗?按照我所说的:(我正在使用网站本身的一个例子)当用户点击“点击我”时,他在柜台上加+1。我希望当用户点击标签时调用相同的功能。 :)

HTML:

<div>You've clicked <span data-bind='text: numberOfClicks, click: registerClick'>&nbsp;   </span> times</div>

JS:

var ClickCounterViewModel = function() {
this.numberOfClicks = ko.observable(0);

this.registerClick = function() {
    this.numberOfClicks(this.numberOfClicks() + 1);
};

this.resetClicks = function() {
    this.numberOfClicks(0);
};

this.hasClickedTooManyTimes = ko.computed(function() {
    return this.numberOfClicks() >= 3;
}, this);

};

ko.applyBindings(new ClickCounterViewModel());

按照文件jsFiddle:Here

非常感谢提前。

1 个答案:

答案 0 :(得分:2)

是的,可以在一个数据绑定属性中包含多个绑定对。

你刚用逗号分隔它们,

你问:我希望当用户点击标签时调用相同的功能。 但你已经编码了。

您可以点击计数器或按钮,它会递增计数器。