if binding re-evaluated on changes

by rniemeyer

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.2.1.debug.js"></script>
<!-- ko if: items().length -->
<h2>Items</h2>
<ul data-bind="foreach: items">
    <li data-bind="text: name + ' ' + Date()"></li>
</ul>
<!-- /ko -->
<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());