Knockout.js动态添加元素示例

本示例演示了如何使用Knockout.js在页面上动态添加元素，并保持数据模型与视图的同步更新。

<!-- HTML -->
<button data-bind="click: addNewItem">添加新项</button>
<ul data-bind="foreach: items">
    <li data-bind="text: $data"></li>
</ul>

<script>
    // JavaScript
    function ViewModel() {
        var self = this;
        self.items = ko.observableArray(['Item 1', 'Item 2']);

        self.addNewItem = function() {
            self.items.push('New Item');
        };
    }

    ko.applyBindings(new ViewModel());
</script>

免责申明：文章和图片全部来源于公开网络，如有侵权，请通知删除 server@dude6.com