knockout.js - 单击按钮切换/触发消息显示

Question

我有一个名为 Fact 的按钮。我想在有人点击时显示一条消息。我的 HTML 看起来像这样:

<div id="option">
<button data-bind="click: displayMessage">Fact</button>
<div data-bind="if: displayMessage">You are right.</div>

我的 Javascript 是这样的:

ko.applyBindings({
    displayMessage: ko.observable(false)
});

但是，这是行不通的。有人可以帮忙吗？

Answer 1

你应该传递一个函数给click binding将 displayMessage 设置为 true，您应该使用 visible binding .

<div id="option">
<button data-bind="click: function() { displayMessage(true); }">Fact</button>
<div data-bind="visible: displayMessage">You are right.</div>