如何清除此文本框?

时间:2014-07-27 01:21:46

标签: javascript mithril.js

以下秘密代码用于在从中提取值时清除文本框。它不会清除文本框(或根本不做任何事情)。我怎样才能使它发挥作用?

请注意,如果我更改此行:

           this.newItemName("");

为:

            this.newItemName("abc");

然后使用新值更新文本框。但我想清除它。

var app = {
    controller: function() {
        this.newItemName = m.prop("");

        this.makeNewItem = function(name) {
            if (name) {
                this.newItemName("");
            }
        }
    },
    view: function(ctrl) {
        return m("div", [ m("span", "new item"),
                       m("input",
                        { type: "text",
                          onchange: m.withAttr("value", ctrl.makeNewItem.bind(ctrl)),
                          value: ctrl.newItemName() })]);
    }
};

m.module(document.body, app);

1 个答案:

答案 0 :(得分:1)

您的代码似乎有效:http://jsfiddle.net/h89k7/1

你可能正在使用旧版的秘银。

以下引用的代码满足SO验证:

var app = {
controller: function () {
    this.newItemName = m.prop("");

    this.makeNewItem = function (name) {
        if (name) {
            this.newItemName("");
        }
    };
},
view: function (ctrl) {
    return m("div", [m("span", "new item"),
    m("input", {
        type: "text",
        onchange: m.withAttr("value", ctrl.makeNewItem.bind(ctrl)),
        value: ctrl.newItemName()
    })]);
}
};

m.module(document.body, app);