Knockoutjs.com - Hello World Example
http://knockoutjs.com/examples/helloWorld.html
HTML
<script src="http://knockoutjs.com/downloads/knockout-3.2.0.js"></script>
<ul data-bind="foreach: addresses">
<!-- ko template: {name: 'AddressItemTemplate', data: {address: $data, page: 'update-page'} }-->
<!-- /ko -->
</ul>
<script type="text/html" id="AddressItemTemplate">
<p data-bind = "text: (page == 'update-page') ? 'updating' : 'declined'"> </p>
<p data-bind="text: address.title"></p> <br/>
</script>
JavaScript
var ViewModel = function () {
var self = this;
self.addresses = ko.observableArray([{
'title': ko.observable('one')
}, {
'title': ko.observable('two')
}])
setTimeout(function () {
self.addresses.splice(0, 1)
}, 2000)
};
ko.applyBindings(new ViewModel());