html - 仅使用敲除单击按钮时使输入字段为空白

Question

我只想使用敲除来实现以下内容： - 我想在单击“button1”时将输入字段设为空白，并在单击“button2”时将值显示回来。输入字段是由它们各自的可观察对象绑定的数据。所以，我不确定我应该如何使 observables 为 null，然后在单击 button2 时将它们显示回来。

代码：

var ViewModel = function() {
    var self = this;
    self.comment = ko.observable("hi there"); 
    self.message = ko.observable("hello"); 
}

vm = new ViewModel(); 
ko.applyBindings(vm);

我的做法：

以下是我尝试实现但根本不起作用的两种方法：

myShow: function() { 
   comment = ko.observable(""); 
},

myHide: function() {
    message = ko.observable(""); 
},

我将不胜感激。

谢谢。

Answer 1

您只是想暂时保存这些值，对吗？在视图模型中使用私有变量，如下所示。

var ViewModel = function() {
    var self = this;
    self.comment = ko.observable("");
    self.message = ko.observable("");

    var comment, message;
    self.store = function() {
        comment = self.comment();
        message = self.message();
        self.comment("");
        self.message("");
    };
    self.show = function() {
        self.comment(comment);
        self.message(message);
    };    
};

这是小提琴