javascript - 如何清除此文本框？

Question

以下秘银代码用于在从中提取值时清除文本框。它不会清除文本框（或根本不做任何事情）。我怎样才能让它工作？

请注意，如果我更改此行：

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

Answer 1

您的代码似乎工作：http: //jsfiddle.net/h89k7/1

您可能使用的是旧版本的 Mithril。

下面引用的代码满足 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);