仅使用挖空单击按钮时,输入字段为空白

时间:2013-03-25 17:51:23

标签: html knockout.js

我想只使用knockout来实现以下功能: - 我想在单击“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(""); 
},

我将不胜感激任何帮助。

感谢。

1 个答案:

答案 0 :(得分:2)

你只想暂时保存这些值,对吧?在viewmodel中使用私有变量,如下所示。

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);
    };    
};

这是the fiddle