HTML:
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="/index.js"></script> <script type="text/javascript" src="/knockout-3.2.0.js"></script> </head> <body onload="DoApply()"> Persons: <span data-bind="template: {name: 'persons-template', foreach: people}"></span> <script type="text/html" id="persons-template" > <h3 data-bind="text: name"></h3> </script> </body> </html>
JS:
function MyViewModel() { this.people = [ {name: 'Stanko'}, {name: 'Milosev'} ] } function DoApply() { ko.applyBindings(new MyViewModel()); }
Download from here.