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

您应该将一个函数传递给将 displayMessage 设置为 true 的click 绑定，并且您应该使用可见绑定。

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

Answer 2

html:

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

js：

var model = function(){
    var self = this;
    self.displayMessage = ko.observable(false);
    self.toggle = function(){
        self.displayMessage(!self.displayMessage());
    };
};
ko.applyBindings(new model);

演示：http: //jsfiddle.net/Jorgelig/43fca/