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

Question

我有一个名为“事实”的按钮。我想在有人点击时显示一条消息。我的 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>