arrays

by alexmac5

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
<script src="http://github.com/downloads/SteveSanderson/knockout/knockout-1.1.2.js"></script>
<button data-bind="click: addItem">Add</button>
<button data-bind="click: removeItem">Remove</button>

<ul data-bind="template: { name: 'listTemp1', foreach: list }">
</ul>

<script id="listTemp1" type="text/html">
    <li data-bind="text: name"></li>
</script>

JavaScript

$(function() {
    
    var data = [ {name: "Bob"}, {name: "Joe"}, {name: "John"} ];
    
    var viewModel = {
        list: ko.observableArray(data),
        
        addItem: function() {
            this.list.push({name: "Steve"});
        },
        
        removeItem: function() {
         this.list.pop();   
        }
        
    };
    
    ko.applyBindings(viewModel);    
    
});