Knockoutjs EnterAction1

by smichelotti

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.3.0/knockout-min.js"></script>
<input type="text" data-bind="value: itemToAdd" />
<button data-bind="click: addItem">Add</button>
<ul>
    <!-- ko foreach: items -->
    <li><span data-bind="text: name"/></li>
    <!-- /ko -->
</ul>

JavaScript

$(function() {
    var viewModel = {
        // data
        items: ko.observableArray([]),
        itemToAdd: ko.observable(""),

        // behaviors
        addItem: function() {
            this.items.push({ name: this.itemToAdd() });
            this.itemToAdd("");
        }
    };
    ko.applyBindings(viewModel);
});