淘汰赛列表不会添加新物品

Knockout list won't add new item

本文关键字:添加 新物品 列表 淘汰赛      更新时间:2023-09-26

我一直在尝试这段代码在列表中添加项目,但它不会工作。我错过了什么?

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

您好像忘了添加ko.applyBindings(new myListModel());

工作版本