如何使用knockout mapping插件添加新项目

在使用Knockout Mapping插件添加新项目时，需要遵循以下步骤：

首先，确保已经在项目中引入了Knockout.js库和Knockout Mapping插件。可以通过以下方式引入：

创建一个ViewModel，用于存储和管理项目的数据。例如：

var ViewModel = function() {
    var self = this;
    self.items = ko.observableArray([]);
    self.newItem = ko.observable('');

    self.addItem = function() {
        if (self.newItem().length > 0) {
            self.items.push({ name: self.newItem() });
            self.newItem('');
        }
    };
};

使用Knockout Mapping插件将ViewModel转换为可观察对象，并将数据绑定到UI元素上。例如：

var viewModel = new ViewModel();
var data = {
    items: [
        { name: 'Item 1' },
        { name: 'Item 2' }
    ],
    newItem: ''
};

ko.mapping.fromJS(data, viewModel);
ko.applyBindings(viewModel);

在HTML中，使用Knockout绑定来显示和管理项目。例如：

<div>
    <ul data-bind="foreach: items">
        <li data-bind="text: name"></li>
    </ul>
   <input type="text" data-bind="textInput: newItem" placeholder="New item">
   <button data-bind="click: addItem">Add item</button>
</div>

这样，就可以使用Knockout Mapping插件添加新项目，并将其与UI元素绑定。当添加新项目时，Knockout Mapping插件会自动将新项目转换为可观察对象，并将其添加到ViewModel中。