javascript - knockout 名单不会添加新项目

Question

我一直在尝试使用此代码在列表中添加项目，但它不起作用。我错过了什么？

html

<form data-bind="submit: addItem">
    Add To Cart:
    <input data-bind='value: itemToAdd, valueUpdate: "afterkeydown"' />
    <button type="submit" data-bind="enable: itemToAdd().length > 0">Add</button>
    <p>Your items:</p>
    <select multiple="multiple" width="50" data-bind="options: items"> </select>
</form>

js

var myListModel = function(items) {
    this.items = ko.observableArray(items);
    this.itemToAdd = ko.observable("");
    this.addItem = function() {
        if (this.itemToAdd() != "") {
            this.items.push(this.itemToAdd()); 
            this.itemToAdd("");
        }
    }.bind(this);
};

Answer 1

看起来您忘记添加 ko.applyBindings(new myListModel());

正在工作 version