if binding re-evaluated on changes

by rniemeyer

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.2.1.debug.js"></script>
<div data-bind="visible: items().length">
    <h2>Items</h2>
    <ul data-bind="foreach: items">
        <li data-bind="text: name + ' ' + Date()"></li>
    </ul>
</div>
<button data-bind="click: addItem">Add Item</button>

JavaScript

var ViewModel = function() {
    this.items = ko.observableArray();
    
    this.addItem = function() {
        this.items.push({ name: "item" + this.items().length });
    };
};

ko.applyBindings(new ViewModel());