Knockout Template Example

by joshjs

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.0.js"></script>
<script type="text/html" id="person-template">
    <div>
        <span data-bind="text: firstName"></span>
        <span data-bind="text: lastName"></span>
    </div>
</script>

<div data-bind="template: { name: 'person-template', foreach: people }"></div>

JavaScript

function ViewModel() {
    this.people = new ko.observableArray([
        { firstName: 'Josh', lastName: "Schultz" },
        { firstName: 'John', lastName: "Doe" }
    ]);
}
var vm = new ViewModel();

ko.applyBindings(vm);