forEach template small example

Details
Written by: Stanko Milosev
Category: Knockout
Hits: 4585

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.